Highlighting Links

[sarstar]

How do I highlight links like how they did it in Naviation here.
http://www.htmlgoodies.com/

[Charles]

See http://www.w3.org/TR/REC-CSS2/selector.html#link-pseudo-classes and stay far and away from the HTML Goodies. It's chock full of inaccurate and incomplete information.

[sarstar]

But that code only will highlight the link part right? I want it to highlight the whole line so it will even out with each link.

Ha but thanks for the advice about that site.

[Charles]

It's still done with CSS. You simply make the A element bigger.

[sarstar]

A element bigger?

[Charles]

Here's an example from one of my stylesheets:#navigation a {
display:block;
height:38px;
width:185px;
}
#navigation span {display:none}

#nav-welcome a:link, #nav-welcome a:visited {
background:url(/welcome.jpg) no-repeat bottom;
}
#nav-welcome a:hover, #nav-welcome a:active {
background:url(/welcome.jpg) no-repeat top;
}<ul id="navigation">
<li id="nav-welcome"><a href="/"><span>Welcome</span></a></li>
</ul>

[sarstar]

Okay I got it except for one thing. Off to the left of my div it won't highlight it. The rest of it is highlighted. I tried changing the width to be more pixels but it just stretches it and completely ignores that area.

[Charles]

Post your URL over on the CSS forum—but I must warn you to first get your page to pass The Validator (http://validator.w3.org/). The good folks over there will fix you right up.