how to i make it so when i hover over a link the whole row is highlighted?


an example is this sites link

www.daydreamgraphics.com

They used tables I think, then this type of thing: http://www.basictips.com/tips/article_71.shtml

Without tables:
a:hover {
display: block;
background-color: #FF0000;
}

See if one of those works.

it doesnt work. i want it so when i hover to the link the links whole row is highlighted like that sites. is that site using css? or some other thing? can someone tell me how to do that?

The tables way is the way the site did it.
The CSS way I posted should work.
If it's not working, could you post your modified code?

heres my code


<style type="text/css">

A:link { text-decoration: none; color:#ffc600; font-size: 11px; }
A:visited { text-decoration: none; color:#ffc600; font-size: 11px; }
A:hover { text-decoration: none; color:#ffffff; font-size: 11px; background-color:00083b; display: block;cursor: crosshair;}
</style>


<style type="text/css">


so you mean that i need to put each link in a table and change the tables background color?

Nope, not if you use that CSS.
There's nothing wrong with the code you posted (except the new style tag at the bottom), and I just tested it and it works for me. If this is an external stylesheet, try removing the <style> tags, if not, could you post the page with the problem?

oh nevermind i found out how the site did it

they used some javascript and some other stuff.

thank you for your help