PDA

View Full Version : links underline on hoover


DrSobol
October 17th, 2002, 02:14
I need to know how to underline links on hoover using FrontPage XP. There is a "rollover effects" section that applies to the entire page, but it does not underline text, and I don't want all the links to behave like that.
kabatak
October 17th, 2002, 08:14
on the head section

<style>
A:link { text-decoration: none }
A { text-decoration: none; }
A:hover { text-decoration: underline; }
</style> also try overline :)
DrSobol
October 19th, 2002, 02:11
Thanks a lot, but is there a way to make that rule NOT to apply to all the links in the page? I need different styles of links in the same page.
kabatak
October 19th, 2002, 04:20
yes there is way, here is a sample


<head>
<style type="text/css">
a.style1:link { color: black; text-decoration: none }
a.style1:active { color: black; text-decoration: none }
a.style1:visited { color: black; text-decoration: none }
a.style1:hover { color: white; text-decoration: none }
a.style2:link { color: white; text-decoration: none }
a.style2:active { color: white; text-decoration: none }
a.style2:visited { color: white; text-decoration: none }
a.style2:hover { color: lightgreen; text-decoration: none }
</style>
</head>
<body>
<a href="www.yahoo.com" class="style1">link 1</a>
<a href="www.google.com" class="style2">link 2</a>
</body>
DrSobol
October 19th, 2002, 14:31
Thanks a lot.
zoobie
November 1st, 2002, 07:11
It's usually best to make your code as efficient as possible and avoid unnecessary bloating which speeds page load:

<style type="text/css">
a.style1:link, a.style1:active, a.style1:visited {font:bold 14px tahoma;color:#ffffff}
a.style1:hover {font:bold 14px tahoma;color:#ffff00; text-decoration:overline underline;}
</style>

<a href="www.yahoo.com" class="style1">link 1</a>