Why won't this work :S

Ok, i have this CSS

Code:

---

<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. :)

Code:

---

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

---

forgot a ';'

edit @ body css

That's not the problem Oli.

What's actually wrong with the sheet?

Quote:

---

Originally Posted by Invent

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

ok

http://habtown.net/test.html

The header 1 & 2 are suppose to be different colour

check the source

Quote:

---

Originally Posted by yabberer

ok

http://habtown.net/test.html

The header 1 & 2 are suppose to be different colour

check the source

---

HTML Code:

---

<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>

---

Quote:

---

Originally Posted by yabberer

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 ;)

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