heres my css file code
body { background-color: #ffffff; font-family: verdana; font-size: 14px; color: #006699; }
.border { border: #DEE3E7 2px solid; }
.inner { background-color: #efefef; }
.innerhead { background-color: #efefef; background-image: url(images/tdhead.gif}; }
font,p,td,th { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color: #DD6900; }
a:hover { text-decoration: underline; color: #FFB903; }


it looks right to me but the link colors wont show up and neither will the tdhead.gif image, i cant figure out why nothing shows up, heres my site http://the-community.net anyone who can help me? im a bit lost here or overlooking something.

for the tdhead.gif, it has to be /images/tdhead.gif rather than just images/tdhead.gif [i think] :D

then for the links, take them out of the body part of your css and put them before it. hope that helps! :)

I clicked "Validate CSS" on my browser and instantly it came up with the problem.

background-image: url('images/tdhead.gif'}; << the closing bracket is the wrong type. I imagine that same error is causing all your other problems.

Also, no elements on your page have the class "innerhead". That's a second reason why it won't show up :)

I clicked "Validate CSS" on my browser and instantly it came up with the problem.

background-image: url('images/tdhead.gif'}; << the closing bracket is the wrong type. I imagine that same error is causing all your other problems.

Also, no elements on your page have the class "innerhead". That's a second reason why it won't show up :)


well i see, i didnt realise it was a } there, my eyes must be going on me, lol, thanks for the help. :)

It's those kind of annoying problems which really make me glad that validators and code highlighters exist :)

Glad you got it sorted.