Need help with CSS JS crossfade script
Started by
clarky23
, Jan 22 2009 09:08 AM
#16
Posted 02 March 2011 - 11:10 PM
#17
Posted 03 March 2011 - 02:05 AM
Welcome. Good luck.
#18
Posted 03 March 2012 - 08:44 AM
I'm new to coding (just learning) and need a bit of help. How do I fix the following CSS warnings?
/*
Paws & Claws Style Sheet
*/
body {
background-color: #3d3242;
}
#box {
border: 0px;
margin-left: 3%;
margin-right: 3%;
margin-bottom:50px;
width: auto;
height: auto;
background-color: #EECD86;
}
ul#list-nav {
list-style: none;
margin-top: -20px;
padding: 0;
width: auto;
height: 50px;
}
ul#list-nav li {
display: inline;
}
ul#list-nav li a {
text-decoration: none;
padding: 12px 20px;
width: auto;
background: #7a3e48;
font-family: Tahoma;
font-size: 1em;
color: #eecd86;
float: right;
text-align: center;
border-left: 3px solid #e18942;
}
ul#list-nav li a:hover {
background: #b95835;
color: #ffffff;
}
#header {
font-family: Georgia, serif;
font-size: 1.3em;
color: #3d3242;
position: relative;
height: 130px;
background-color: #e18942;
border-bottom: 3px solid #7a3e48;
padding: 0px 0px 0px 20px;
text-align: center;
background-image: url("pawsclaws1.jpg");
background-repeat: no-repeat;
background-position: 0% 0%;
}
#main {
font-family: Tahoma, sans-serif;
font-size: 1em;
position: relative;
top: 0;
width: auto;
height: 345px;
margin: 0px 0px 0px 0px;
padding-top: 20px;
padding-bottom: 10px;
}
#welcome {
position: absolute;
float: right;
top: 145px;
right: 48px;
width: 376px;
height: auto;
font-family: Tahoma, sans-serif;
font-size: 16px;
color: #e18942;
text-align: left;
background-color: #7a3e46;
margin: 23px 0px 20px 20px;
padding-top: 0px;
padding-right: 7px;
padding-bottom: 0px;
padding-left: 7px;
}
#welcome a:link {
color: #eecd86;
text-decoration: none;
}
#welcome a:visited {
color: #b95835;
text-decoration: none;
}
#welcome a:hover {
background: #b95835;
color: #ffffff;
}
#welcome .wh {
font-family: Georgia, serif;
font-size: 2em;
font-color: #EECD86;
}
#mission {
text-decoration: none;
position: static;
background-color: #e18942;
font-family: Verdana, sans-serif;
font-size: 1em;
text-align: center;
width: 100%;
margin: 35px 0px 0px 0px;
padding-top: 1px;
padding-bottom: .5px;
}
#ourstaff {
font-family: Tahoma, sans-serif;
font-size: 1em;
text-align: left;
position: relative;
top: 0;
width: auto;
height: auto;
margin: -25px 0px 20px 0px;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
}
#staff {
position: absolute;
float: right;
top: 145px;
right: 48px;
width: 350px;
height: auto;
font-family: Tahoma, sans-serif;
font-size: 1.2em;
color: #e18942;
text-align: left;
background-color: #7a3e46;
margin: 23px 0px 20px 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
#staff .wh {
font-family: Georgia, serif;
font-size: 1.3em;
font-color: #EECD86;
}
#staff a:link {
color: #eecd86;
text-decoration: none;
}
#staff a:visited {
color: #b95835;
text-decoration: none;
}
#staff a:hover {
background: #b95835;
color: #ffffff;
}
#care {
font-family: Tahoma, sans-serif;
font-size: 1em;
text-align: left;
position: relative;
top: 0;
width: auto;
height: auto;
margin: -25px 0px 20px 0px;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
}
#safety {
position: absolute;
float: right;
top: 145px;
right: 48px;
width: 350px;
height: auto;
font-family: Tahoma, sans-serif;
font-size: 1.2em;
color: #e18942;
text-align: left;
background-color: #7a3e46;
margin: 23px 0px 20px 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
#adopt {
font-family: Verdana, sans-serif;
text-align: center;
width: auto;
margin-top: -50px;
padding-top: 50px;
padding-left: 20px;
padding-right: 20px;
}
#table {
border: 5px outset #3d3242;
border-collapse: collapse;
border-spacing: 2px 2px;
width: auto;
font-size: 1em;
color: #3d3242;
text-align: left;
}
#table td {
padding: 6px 12px 6px 3px;
vertical-align: center;
text-align: center;
border: 1px solid #3d3242;
}
#table th {
text-align: center;
color: #eecd86;
background-color: #7a3e48;
border: 1px solid #3d3242;
font-size: 1.2em;
vertical-align: center;
padding: 3px 12px 3px 3px;
}
#table tr.odd {
background-color: #eecd86;
}
#table tr.even {
background-color: #e18942;
}
#footer {
position: static;
width: auto;
bottom: 50px;
padding: .5px;
text-align: center;
line-height: 10px;
font-size: 14px;
background-color: #7a3e46;
color: #e18942;
}
#footer a:link {
color: #eecd86;
text-decoration: underline;
}
#footer a:visited {
color: #e18942;
text-decoration: none;
}
#image1 {
z-index: 10;
position: absolute;
top: 0px;
left: 0px;
}
#image2 {
z-index: 20;
position: absolute;
top: 20px;
left: 495px;
}
#image3 {
z-index:30;
position: absolute;
top: 70px;
left: 275px;
}
#image12 {
z-index: 10;
position: absolute;
top: 10px;
left: 30px;
}
#contact {
position: absolute;
float: right;
top: 145px;
right: 48px;
width: 376px;
height: 345px;
font-family: Tahoma, sans-serif;
font-size: 16px;
color: #e18942;
text-align: left;
background-color: #7a3e46;
margin: 23px 0px 20px 20px;
padding-top: 0px;
padding-right: 7px;
padding-bottom: 0px;
padding-left: 7px;
}
h1 {
font-family: Georgia;
font-size: 2.5em;
color: #3d3242;
text-align: center;
}
h2 {
font-family: Verdana;
font-size: 1.7em;
color: #3d3242;
text-align: center;
}
h3 {
font-size: 1.7em;
color: #b95835;
}
h3 a:link {
color: #7a3e48;
text-decoration: none;
}
h3 a:visited {
color: #b95835;
text-decoration: none;
}
h3 a:hover {
background: #b95835;
color: #ffffff;
}
h4 {
font-family: Verdana;
font-size: 1.5em;
color: #3d3242;
text-align: center;
}
p {
font-family: Verdana;
}
ph {
color: #eecd86;
text-align: center;
}
pp {
color: #e18942;
}
.hh {
font-family: Verdana;
font-size: 1.7em;
color: #3d3242;
text-align: center;
}
h2, h3, p {
margin: 1em;
}
Here is the warnings I'm getting...:
99 Same colors for color and background-color in two contexts #box and #welcome a:link
99 Same colors for color and background-color in two contexts #table tr.odd and #welcome a:link
104 Same colors for color and background-color in two contexts #staff a:hover and #welcome a:visited
104 Same colors for color and background-color in two contexts #welcome a:hover and #welcome a:visited
104 Same colors for color and background-color in two contexts h3 a:hover and #welcome a:visited
104 Same colors for color and background-color in two contexts ul#list-nav li a:hover and #welcome a:visited
173 Same colors for color and background-color in two contexts #box and #staff a:link
173 Same colors for color and background-color in two contexts #table tr.odd and #staff a:link
178 Same colors for color and background-color in two contexts #staff a:hover and #staff a:visited
178 Same colors for color and background-color in two contexts #welcome a:hover and #staff a:visited
178 Same colors for color and background-color in two contexts h3 a:hover and #staff a:visited
178 Same colors for color and background-color in two contexts ul#list-nav li a:hover and #staff a:visited
237 Same colors for color and background-color in two contexts body and #table
279 Same colors for color and background-color in two contexts #box and #footer a:link
279 Same colors for color and background-color in two contexts #table tr.odd and #footer a:link
284 Same colors for color and background-color in two contexts #header and #footer a:visited
284 Same colors for color and background-color in two contexts #mission and #footer a:visited
284 Same colors for color and background-color in two contexts #table tr.even and #footer a:visited
338 Same colors for color and background-color in two contexts body and h1
345 Same colors for color and background-color in two contexts body and h2
351 Same colors for color and background-color in two contexts #staff a:hover and h3
351 Same colors for color and background-color in two contexts #welcome a:hover and h3
351 Same colors for color and background-color in two contexts h3 a:hover and h3
351 Same colors for color and background-color in two contexts ul#list-nav li a:hover and h3
355 Same colors for color and background-color in two contexts #table th and h3 a:link
355 Same colors for color and background-color in two contexts ul#list-nav li a and h3 a:link
360 Same colors for color and background-color in two contexts #staff a:hover and h3 a:visited
360 Same colors for color and background-color in two contexts #welcome a:hover and h3 a:visited
360 Same colors for color and background-color in two contexts h3 a:hover and h3 a:visited
360 Same colors for color and background-color in two contexts ul#list-nav li a:hover and h3 a:visited
372 Same colors for color and background-color in two contexts body and h4
381 Same colors for color and background-color in two contexts #box and ph
381 Same colors for color and background-color in two contexts #table tr.odd and ph
386 Same colors for color and background-color in two contexts #header and pp
386 Same colors for color and background-color in two contexts #mission and pp
386 Same colors for color and background-color in two contexts #table tr.even and pp
392 Same colors for color and background-color in two contexts body and .hh
Please I don't know if I should do anything here or not. Please help!
Misty
/*
Paws & Claws Style Sheet
*/
body {
background-color: #3d3242;
}
#box {
border: 0px;
margin-left: 3%;
margin-right: 3%;
margin-bottom:50px;
width: auto;
height: auto;
background-color: #EECD86;
}
ul#list-nav {
list-style: none;
margin-top: -20px;
padding: 0;
width: auto;
height: 50px;
}
ul#list-nav li {
display: inline;
}
ul#list-nav li a {
text-decoration: none;
padding: 12px 20px;
width: auto;
background: #7a3e48;
font-family: Tahoma;
font-size: 1em;
color: #eecd86;
float: right;
text-align: center;
border-left: 3px solid #e18942;
}
ul#list-nav li a:hover {
background: #b95835;
color: #ffffff;
}
#header {
font-family: Georgia, serif;
font-size: 1.3em;
color: #3d3242;
position: relative;
height: 130px;
background-color: #e18942;
border-bottom: 3px solid #7a3e48;
padding: 0px 0px 0px 20px;
text-align: center;
background-image: url("pawsclaws1.jpg");
background-repeat: no-repeat;
background-position: 0% 0%;
}
#main {
font-family: Tahoma, sans-serif;
font-size: 1em;
position: relative;
top: 0;
width: auto;
height: 345px;
margin: 0px 0px 0px 0px;
padding-top: 20px;
padding-bottom: 10px;
}
#welcome {
position: absolute;
float: right;
top: 145px;
right: 48px;
width: 376px;
height: auto;
font-family: Tahoma, sans-serif;
font-size: 16px;
color: #e18942;
text-align: left;
background-color: #7a3e46;
margin: 23px 0px 20px 20px;
padding-top: 0px;
padding-right: 7px;
padding-bottom: 0px;
padding-left: 7px;
}
#welcome a:link {
color: #eecd86;
text-decoration: none;
}
#welcome a:visited {
color: #b95835;
text-decoration: none;
}
#welcome a:hover {
background: #b95835;
color: #ffffff;
}
#welcome .wh {
font-family: Georgia, serif;
font-size: 2em;
font-color: #EECD86;
}
#mission {
text-decoration: none;
position: static;
background-color: #e18942;
font-family: Verdana, sans-serif;
font-size: 1em;
text-align: center;
width: 100%;
margin: 35px 0px 0px 0px;
padding-top: 1px;
padding-bottom: .5px;
}
#ourstaff {
font-family: Tahoma, sans-serif;
font-size: 1em;
text-align: left;
position: relative;
top: 0;
width: auto;
height: auto;
margin: -25px 0px 20px 0px;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
}
#staff {
position: absolute;
float: right;
top: 145px;
right: 48px;
width: 350px;
height: auto;
font-family: Tahoma, sans-serif;
font-size: 1.2em;
color: #e18942;
text-align: left;
background-color: #7a3e46;
margin: 23px 0px 20px 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
#staff .wh {
font-family: Georgia, serif;
font-size: 1.3em;
font-color: #EECD86;
}
#staff a:link {
color: #eecd86;
text-decoration: none;
}
#staff a:visited {
color: #b95835;
text-decoration: none;
}
#staff a:hover {
background: #b95835;
color: #ffffff;
}
#care {
font-family: Tahoma, sans-serif;
font-size: 1em;
text-align: left;
position: relative;
top: 0;
width: auto;
height: auto;
margin: -25px 0px 20px 0px;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
}
#safety {
position: absolute;
float: right;
top: 145px;
right: 48px;
width: 350px;
height: auto;
font-family: Tahoma, sans-serif;
font-size: 1.2em;
color: #e18942;
text-align: left;
background-color: #7a3e46;
margin: 23px 0px 20px 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
#adopt {
font-family: Verdana, sans-serif;
text-align: center;
width: auto;
margin-top: -50px;
padding-top: 50px;
padding-left: 20px;
padding-right: 20px;
}
#table {
border: 5px outset #3d3242;
border-collapse: collapse;
border-spacing: 2px 2px;
width: auto;
font-size: 1em;
color: #3d3242;
text-align: left;
}
#table td {
padding: 6px 12px 6px 3px;
vertical-align: center;
text-align: center;
border: 1px solid #3d3242;
}
#table th {
text-align: center;
color: #eecd86;
background-color: #7a3e48;
border: 1px solid #3d3242;
font-size: 1.2em;
vertical-align: center;
padding: 3px 12px 3px 3px;
}
#table tr.odd {
background-color: #eecd86;
}
#table tr.even {
background-color: #e18942;
}
#footer {
position: static;
width: auto;
bottom: 50px;
padding: .5px;
text-align: center;
line-height: 10px;
font-size: 14px;
background-color: #7a3e46;
color: #e18942;
}
#footer a:link {
color: #eecd86;
text-decoration: underline;
}
#footer a:visited {
color: #e18942;
text-decoration: none;
}
#image1 {
z-index: 10;
position: absolute;
top: 0px;
left: 0px;
}
#image2 {
z-index: 20;
position: absolute;
top: 20px;
left: 495px;
}
#image3 {
z-index:30;
position: absolute;
top: 70px;
left: 275px;
}
#image12 {
z-index: 10;
position: absolute;
top: 10px;
left: 30px;
}
#contact {
position: absolute;
float: right;
top: 145px;
right: 48px;
width: 376px;
height: 345px;
font-family: Tahoma, sans-serif;
font-size: 16px;
color: #e18942;
text-align: left;
background-color: #7a3e46;
margin: 23px 0px 20px 20px;
padding-top: 0px;
padding-right: 7px;
padding-bottom: 0px;
padding-left: 7px;
}
h1 {
font-family: Georgia;
font-size: 2.5em;
color: #3d3242;
text-align: center;
}
h2 {
font-family: Verdana;
font-size: 1.7em;
color: #3d3242;
text-align: center;
}
h3 {
font-size: 1.7em;
color: #b95835;
}
h3 a:link {
color: #7a3e48;
text-decoration: none;
}
h3 a:visited {
color: #b95835;
text-decoration: none;
}
h3 a:hover {
background: #b95835;
color: #ffffff;
}
h4 {
font-family: Verdana;
font-size: 1.5em;
color: #3d3242;
text-align: center;
}
p {
font-family: Verdana;
}
ph {
color: #eecd86;
text-align: center;
}
pp {
color: #e18942;
}
.hh {
font-family: Verdana;
font-size: 1.7em;
color: #3d3242;
text-align: center;
}
h2, h3, p {
margin: 1em;
}
Here is the warnings I'm getting...:
99 Same colors for color and background-color in two contexts #box and #welcome a:link
99 Same colors for color and background-color in two contexts #table tr.odd and #welcome a:link
104 Same colors for color and background-color in two contexts #staff a:hover and #welcome a:visited
104 Same colors for color and background-color in two contexts #welcome a:hover and #welcome a:visited
104 Same colors for color and background-color in two contexts h3 a:hover and #welcome a:visited
104 Same colors for color and background-color in two contexts ul#list-nav li a:hover and #welcome a:visited
173 Same colors for color and background-color in two contexts #box and #staff a:link
173 Same colors for color and background-color in two contexts #table tr.odd and #staff a:link
178 Same colors for color and background-color in two contexts #staff a:hover and #staff a:visited
178 Same colors for color and background-color in two contexts #welcome a:hover and #staff a:visited
178 Same colors for color and background-color in two contexts h3 a:hover and #staff a:visited
178 Same colors for color and background-color in two contexts ul#list-nav li a:hover and #staff a:visited
237 Same colors for color and background-color in two contexts body and #table
279 Same colors for color and background-color in two contexts #box and #footer a:link
279 Same colors for color and background-color in two contexts #table tr.odd and #footer a:link
284 Same colors for color and background-color in two contexts #header and #footer a:visited
284 Same colors for color and background-color in two contexts #mission and #footer a:visited
284 Same colors for color and background-color in two contexts #table tr.even and #footer a:visited
338 Same colors for color and background-color in two contexts body and h1
345 Same colors for color and background-color in two contexts body and h2
351 Same colors for color and background-color in two contexts #staff a:hover and h3
351 Same colors for color and background-color in two contexts #welcome a:hover and h3
351 Same colors for color and background-color in two contexts h3 a:hover and h3
351 Same colors for color and background-color in two contexts ul#list-nav li a:hover and h3
355 Same colors for color and background-color in two contexts #table th and h3 a:link
355 Same colors for color and background-color in two contexts ul#list-nav li a and h3 a:link
360 Same colors for color and background-color in two contexts #staff a:hover and h3 a:visited
360 Same colors for color and background-color in two contexts #welcome a:hover and h3 a:visited
360 Same colors for color and background-color in two contexts h3 a:hover and h3 a:visited
360 Same colors for color and background-color in two contexts ul#list-nav li a:hover and h3 a:visited
372 Same colors for color and background-color in two contexts body and h4
381 Same colors for color and background-color in two contexts #box and ph
381 Same colors for color and background-color in two contexts #table tr.odd and ph
386 Same colors for color and background-color in two contexts #header and pp
386 Same colors for color and background-color in two contexts #mission and pp
386 Same colors for color and background-color in two contexts #table tr.even and pp
392 Same colors for color and background-color in two contexts body and .hh
Please I don't know if I should do anything here or not. Please help!
Misty
Edited by Misty Ramsdell, 03 March 2012 - 01:16 PM.
#19
Posted 03 March 2012 - 04:02 PM
Hello Misty, Welcome to Geeks to Go!
Your issue will receive more attention if you start another thread. Please help us help you.
Thanks!
Ax
Your issue will receive more attention if you start another thread. Please help us help you.
Thanks!
Ax
Similar Topics
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users