Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    A non bold link?

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

  • #2
    Regular Coder
    Join Date
    Oct 2008
    Posts
    130
    Thanks
    0
    Thanked 4 Times in 4 Posts
    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...

    Code:
    <style type="text/css">
    a {
     text-decoration:none;
    }
    
    a:hover {
     font-weight:bold;
    }
    </style>
    
    <a href="#">Link not Targetted</a>
    Last edited by GardenGnome2; 11-22-2008 at 03:49 AM.

  • #3
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It didn't work for me. is there any other way?

  • #4
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Quote Originally Posted by yawn View Post
    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:
    Code:
    a {
        font-weight:normal;
    }
    a:hover{
         font-weight:bold;
    }
    Dev-Tips.com || Employee at the Envato Network || My Portfolio

  • #5
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    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.

  • #6
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    845
    Thanks
    11
    Thanked 79 Times in 77 Posts
    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.
    ☠ ☠RON☠ ☠

  • #7
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?
    Last edited by yawn; 11-25-2008 at 06:45 AM.

  • #8
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks FWDrew!
    It worked!

  • #9
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Helllo yawn,
    have a look at a good explanation here.



    .
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #10
    Regular Coder mOrloff's Avatar
    Join Date
    Nov 2008
    Location
    The Great Pacific NW, USA
    Posts
    424
    Thanks
    8
    Thanked 6 Times in 6 Posts

    Can a single a:hover effect multiple anchors?

    - deleted by poster -
    Last edited by mOrloff; 11-25-2008 at 05:36 PM. Reason: *** Oops, I meant to start a new thread.***


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •