Why won't this work :S

[Luke]

Ok, i have this CSS

<style type="text/css">
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background: url('images/backy.GIF')
}
#header1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: ##ff9800;
}
#header2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: ##36710E;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #FFCE00;
}
a:active {
text-decoration: none;
color: #FF6600;
}
p {
margin-top: 0;
margin-bottom: 0;
}
-->
</style>And it won't work ;(, it's in the header section, and i just can't get it to work.

Moved by Agesilaus (Forum Moderator) from Designing & Development: Please post in the correct forum next time. :)

[[Oli]]

background: url('images/backy.GIF');

forgot a ';'

edit @ body css

[Invent]

That's not the problem Oli.

What's actually wrong with the sheet?

[[Oli]]

That's not the problem Oli.

What's actually wrong with the sheet?

Yeah I thought it wasn't but I thought I'd point it out anyway :p

[Luke]

ok

http://habtown.net/test.html

The header 1 & 2 are suppose to be different colour

check the source

[Blob]

ok

http://habtown.net/test.html

The header 1 & 2 are suppose to be different colour

check the source


<style type="text/css">
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background: url('images/backy.GIF')
}
#header1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ff9800;
}
#header2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #36710E;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #FFCE00;
}
a:active {
text-decoration: none;
color: #FF6600;
}
p {
margin-top: 0;
margin-bottom: 0;
}
-->
</style>

[[Oli]]

ok

http://habtown.net/test.html

The header 1 & 2 are suppose to be different colour

check the source

both color codes have 2 #'s they only need one: ex. (from source:)

##36710 needs to be #36710 << and your missing one digit there (needs to be 6 or 3 digits)


EDIT: use blob's post :p ;)

[Luke]

There is 6 numbers (onsource) but yeh it was the 2 ## (I have very bad identidy sense lol) Silly me:rolleyes:

Thanks
+rep to every1