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 3 of 3
  1. #1
    New Coder
    Join Date
    Dec 2007
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to remove Hyperlink formatting on images?

    Hey there, just being new to this forum I have a little issue with my current work I hop you can help me with =)

    The following:
    I use linked Images as Navigation buttons for my website; the problem is that every single 'button' has got a border, just like a hyperlink is underlined.
    Looks like this:



    The thing that makes me scratch my head is that I got this part in my (external) css style sheet:

    PHP Code:
    {
        
    color#6699FF;
        
    font-weightbold;
        
    text-decorationnone;
    }

    a:hover {
        
    color#3366FF;
        
    font-weightbold;
        
    text-decorationnone;

    I thought that would prevent hyperlinks frm being formatted - doesnt work though. This is my first page I'm coding with CSS and so I'm probably missing something crucial out - I hope you guys can help me out here =)

    Thanks in advance!

    DonSailieri

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,664
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    As you said the images in hyperlinks get borders. However, text decoration is NOT borders. That means you need to specifically get rid of those:

    Code:
    a img {border: none;}
    Note that the borders are applied to the images, not the anchors.

  • #3
    New Coder
    Join Date
    Dec 2007
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Wonderful, cheers mate =)


  •  

    Posting Permissions

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