Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

Need help with CSS JS crossfade script


  • Please log in to reply

#16
BerlyGirl

BerlyGirl

    New Member

  • Member
  • Pip
  • 2 posts
Thank you! Will do
  • 0

Advertisements


#17
AstraNut

AstraNut

    Member

  • Member
  • PipPipPip
  • 384 posts
Welcome. Good luck.
  • 0

#18
Misty Ramsdell

Misty Ramsdell

    New Member

  • Member
  • Pip
  • 1 posts
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

Edited by Misty Ramsdell, 03 March 2012 - 01:16 PM.

  • 0

#19
Ax238

Ax238

    Tech Staff

  • Technician
  • 1,323 posts
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
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP