text links

[Force Flow]

On the PCMech page, there are text links (motherboards, processors, etc.) that change with a mouseover. How do you do that?

[mairving]

It is pretty easy to do. You can use a stylesheet or use style tags within the head section of your web page. Basically you would code something like this:

&ltstyle>
A {text-decoration:none;}
A:link {text-decoration:none;}
A:visited {text-decoration:none}
A:active { text-decoration:none;}
A:hover { text-decoration:underline;}
&lt/style>


You basically can just tell it for normal links to not underline those but on hover to underline the link. On some of the links on this site, they use both overline and underline. You can also get kind of freaky with links if you want like this:

&ltstyle>
A {text-decoration:none;}
A:link {text-decoration:none;}
A:visited {text-decoration:none}
A:active { text-decoration:none;}
A:hover { text-decoration:underline;
font-size: 11em;}
&lt/style>

For more info read this on Cascading Style Sheets.

[Force Flow]

Thanks mairving! That text enlarger code is pretty slick

[mairving]

Originally posted by force_flow2002 Thanks mairving! That text enlarger code is pretty slick

Yeah, but it does do weird things with other browsers. Generally they will display the large font but in the same amount of space that the originally sized font was.

[Force Flow]

Ah. I wasn't really planning on using that one anyway. I just thought it was neat. The underline one is probably going to get a lot of use, though.