Log in

View Full Version : Link Hover Code Needed


ModernRevolutions
11-05-2006, 04:05 PM
I need link hover code to make the link become underlined with a dashed underline.
mburt
11-05-2006, 04:24 PM
You can do this with CSS: Cascading Style Sheets. This is a type of code which goes in the head of your document, or in a seperate file.

The markup would look something like this:

<html>
<head>
<style type="text/css">
/*CSS code goes here/*
</style>
</head>
<body>
</body>
</html>


So to do links, you can do this:

a:hover {
text-decoration:underline;
}

"a" stands for anchor, and hover is like an event handler, when you mouseover and mouse out do something, which is defined between to braces {}. That will set a hover affect for all the links on your page.

BTW: you might want to read a good CSS tutorial.
mwinter
11-05-2006, 04:49 PM
I need link hover code to make the link become underlined with a dashed underline.

Only solid underlines are possible. One could use a dashed border, but that doesn't carry the same semantics.

Mike
ultranet
11-06-2006, 08:43 AM
Thanks a lot, it was needed for me as well




have a goood day
chechu
11-06-2006, 12:04 PM
Think this is what you were looking for:

A:hover {
font-family: "Tahoma";
font-size: 8pt;
color: #9A8975;
text-decoration: none;
font-weight: normal;
border-bottom: #091434;
border-width: 0px 0px 1px 0px;
border-style: none none dotted none;
}