A non bold link?

How do I make a link not bold except when you hover over it?

A link isn't actually bold by default, I believe, but you can set a bold link on a, a:hover, a:active, a:visited...

<style type="text/css">
a {
text-decoration:none;
}

a:hover {
font-weight:bold;
}
</style>

<a href="#">Link not Targetted</a>

It didn't work for me. is there any other way?

It didn't work for me. is there any other way?

Links are not bold by default, give us a link or the code you are using.

Assuming something else on your stylesheet is overriding the default font weight try this:

a {
font-weight:normal;
}
a:hover{
font-weight:bold;
}

I really wouldn't advise this. Making a link bold changes the weight of the characters, therefore making words wider (well, in the vast majority of typefaces, anyway.) This will cause all the text after the link to shift slightly, which is just...weird.

Have to agree. Making a link bold on hover is very annoying to those who mouseover the link. Especially when used in combination with some font families/sizes. The shift at times with these combinations can really upset the nice flow/layout of your page.

thanks for the advice but i'm going to make the column big enough so nothing will be shifted over :]

EDIT: One last question- how can I make the link a color?

Thanks FWDrew!
It worked! :)

Helllo yawn,
have a look at a good explanation here (http://www.echoecho.com/csslinks.htm).



.

- deleted by poster -