css Trouble !

This is my css file : BODY { font: 11px geneva, verdana, arial, sans-serif; color: #89A1BD; }
TH{ font: 11px geneva, verdana, arial, sans-serif; color: #3D3D3D; }
A:active { font: 11px geneva, verdana, arial, sans-serif; color: #00000; text-decoration: none; }
A:hover { font: 11px geneva, verdana, arial, sans-serif; color: #0000FF; text-decoration: underline overline; }
A:link { font: 11px geneva, verdana, arial, sans-serif; color: #000000; text-decoration: none; }
A:visited { font: 11px geneva, verdana, arial, sans-serif; color: #000000; text-decoration:none; }

#poll{ ;border-style : solid ;border-color : #004f9d ;border-width : 2px}
#poll tr td dt{font-family: Small Fonts;font-style : normal ;font-size : 7pt; font-weight :bold }

select, input, textarea { font: 10px geneva, verdana, arial, sans-serif; color: #3D3D3D; }
.pn-top {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}
.pn-title {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}
.pn-title:link { color:#FFFFFF; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION:none}
.pn-title:active { color:#FFFFFF; FONT-SIZE: 11px;FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION:none}
.pn-title:hover { color:#0000FF; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}
.pn-title:visited { color:#CC0000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}

.pn-link {BACKGROUND: none; COLOR: #0000000; FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}
.pn-link:link { color:#000000; FONT-SIZE: 11px; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION:none}
.pn-link:active { color:#FFFFFF; FONT-SIZE: 11px; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}
.pn-link:hover { color:#0000FF; FONT-SIZE: 11px; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: underline overline}
.pn-link:visited { color:#000000; FONT-SIZE: 11px; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION:none}


.date {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif; TEXT-DECORATION: none}

body {
SCROLLBAR-FACE-COLOR: #B7C6E5; SCROLLBAR-HIGHLIGHT-COLOR: #D3DCEF; SCROLLBAR-SHADOW-COLOR: #738FCC; SCROLLBAR-3DLIGHT-COLOR: #E9EEF8; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #E5EBF4; SCROLLBAR-DARKSHADOW-COLOR: #4870AA;
; background-color: D8E0E9
}
FONT { font: 11px geneva, verdana, arial, sans-serif; color: #0000000; }
TD { font: 11px geneva, verdana, arial, sans-serif; color: #3D3D3D; ; top: 20pt; clip: rect( )}



And my text is just normal black en when i go over it , it will turn blue it always works perfect if theres no link specified ex. when "href" is empty then it works but if its links.html and that page exitst then it stays black when i go over it , i've tried much changes in my css sheet but it doensn't seems to work

first off... what the hell is all that cruft for EXACTLY? It just goes to show that just because you can use dreamweaver, doesnt make you a web designer.

your problem lies with this:
A:hover { font: 11px geneva, verdana, arial, sans-serif; color: #0000FF; text-decoration: underline overline; }

I'm guessing. Did you know that if you want the same font size/style on the whole page, you can just set it once in body { } ?

also, I'd suggest changing this:



to this:


amongst other things.

look to my portfolio en youl look different just my first time with css AND I WRITED IT MYSELF not by dreamweaver but i idd use dreamweaver

Sorry for being harsh, it's just I have to "fix" bad css generated by DW by people I work with, and seeing font declared with the same face and size 100 times in each class is, well, annoying Equally annoying is DW's "let's cram all the css for each item on one line!"

css is best done by hand, you should look to w3schools.com to learn it pretty good, and read sites like glish.com or bluerobot.

anyway, whatever you have as your href has no effect on what color the a:hover will be, only the class or id you used for it would. for example, if I wanted certain links that belong to class "whatever" to be #773322 on hover, I'd simply say:

<a href="blah.php" class="whatever">

and in my stylesheet would have:

.whatever a:hover
{
color: #773322;
}

or for all links on the page:
a:hover
{
color: #773322;
}

Hope that helps

the problem is that you have the wrong order of the psuedo-classes

they should be in this order.
a:link
a:visited
a:hover
a:active

http://www.w3.org/TR/CSS2/selector....-pseudo-classes

and you really ought to format the css a little better,
would make it much easier to edit, easier to find errors etc.

Thanks you guys it worked cause the wrong order so thank Akh sow i can design up know i'll post the link when he's done ==> URL

Remember: LoVe HAte.

If you use a:focus, it goes in the middle