...

View Full Version : A non bold link?



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

GardenGnome2
11-22-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
11-22-2008, 11:24 PM
It didn't work for me. is there any other way?

FWDrew
11-22-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
11-23-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
11-24-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
11-25-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
11-25-2008, 07:28 AM
Thanks FWDrew!
It worked! :)

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



.

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum