PDA

View Full Version : A non bold link?



yawn
Nov 22nd, 2008, 04:08 AM
How do I make a link not bold except when you hover over it?

GardenGnome2
Nov 22nd, 2008, 04:46 AM
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>

yawn
Nov 22nd, 2008, 11:24 PM
It didn't work for me. is there any other way?

FWDrew
Nov 22nd, 2008, 11:30 PM
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;
}

Apostropartheid
Nov 23rd, 2008, 01:16 AM
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.

Major Payne
Nov 24th, 2008, 12:39 AM
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.

yawn
Nov 25th, 2008, 07:25 AM
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?

yawn
Nov 25th, 2008, 07:28 AM
Thanks FWDrew!
It worked! :)

Excavator
Nov 25th, 2008, 05:20 PM
Helllo yawn,
have a look at a good explanation here (http://www.echoecho.com/csslinks.htm).



.

mOrloff
Nov 25th, 2008, 06:29 PM
- deleted by poster -