Link Underline Script

**mvwebdesign** · 02-06-2008, 02:50 AM

Hi,

I need a script where the link is underlined, and when mouseovered, the underline changes color but not the text. The text also must become italic.
Any help would be appreciated.

Thanks

**jscheuer1** · 02-06-2008, 07:01 AM

No javascript required, that can be done with style:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
a {
text-decoration:none;
border-bottom:1px solid navy;
}
a:hover {
font-style:italic;
border-bottom-color:red;
}
</style>
<!--[if IE]>
<style type="text/css">
a {
display:inline-block;
}
</style>
<![endif]-->
</head>
<body>
<a href="#">Test</a>
</body>
</html>

**mvwebdesign** · 02-06-2008, 11:10 PM

Thank you

Just what I needed

Thread: Link Underline Script

Thread Tools

Search Thread

Link Underline Script

Thanks

Bookmarks

Bookmarks

Posting Permissions