cheap web hosting

On Hover

You are viewing this site as a guest. Join our community to get your questions answered and share knowledge. Active members may advertise and ask for a website critique.

They have: 34 posts

Joined: Feb 2004

I hate the way the links all have lines underneath them, and use to use a javascript to get rid of them, and then when a user put the cursor over the link it would underline it, and change it a different colour.

I got rid of that on accident.

Anyone know any code I could use, or css code I can use?

Suzanne's picture

She has: 5,512 posts

Joined: Feb 2000

a:link { text-decoration: none; }
a:hover { text-decoration: underline; color: #hex;}

'

They have: 34 posts

Joined: Feb 2004

thanks

They have: 34 posts

Joined: Feb 2004

The only problem with that is when I have clicked a link it shows a a normal link with a line underneath.

I tried adding this:

a:visited { text-decoration: none; }

and it showed the link without the line, but when you hover over it, it didnt show the line.

What I want is the line to show no matter what when you hover over the link.

s0da's picture

He has: 159 posts

Joined: Mar 2004

what? you stated that you wanted no lines in a link until it's hovered over. NOW... you want lines in a link even if it's hovered over.

a {text-decoration: underline; }
a:hover { color: red; }

'

Links:
http://www.w3schools.com/css/default.asp

They have: 34 posts

Joined: Feb 2004

no..

What I want is no lines under a link until it is hovered over. AND, when I click a link I still want no lines underneath until it is hovered over.

What I mean is:

When I hover over a link I want it underlined.

With the CSS code you gave me before, it worked fine until you clicked on a link. Clicking on it made it a visited link, and the link then was underlined without hovering over it. I used - a:visited { text-decoration: none; } and it got rid of the underline of the visited link. But when I hovered over the visited link it had no underline.

Understand me now?

s0da's picture

He has: 159 posts

Joined: Mar 2004

okay, here's some code... you can figure it out i'm sure. either none or underline for the link tag.

a:link { text-decoration: none|underline; }
a:visited { text-decoration: none|underline; }
a:active { text-decoration: none|underline; }
a:hover { text-decoration: none|underline; }

'

Busy's picture
Modrater

He has: 6,148 posts

Joined: May 2001

make them all text-decoration:none except hover, make that text-decoration:underline or leave the text-decoration part off it

<?bhb if(broken){ echo("It wasn't me Smiling "); } ?>
Learn HTML the ez way - EzHTML.net

Some people are like slinkies, they dont really serve any purpose but they still bring a smile to your face when you push them down the stairs ...