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 4 of 4

Thread: Image Links

  1. #1
    New Coder
    Join Date
    Nov 2007
    Posts
    41
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Image Links

    I know this is really simple and i've read corrections for the problem before but I cannot find them for anything.

    As most sites go, linking the logo to the homepage is a necessity. However, when I link the site with the simple command

    Code:
    <div id="logo"><a href="index.html"><img src="images/Kirby_Web.jpg" width="319" height="112" /></a></div>
    it makes a blue link style appear on the outside of the image on rollover. I have other links, throughout the site, that I want to keep the rollover feature. Can I turn it off for just the linked image?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Add CSS
    Code:
    a img{
    border:none;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Nov 2007
    Posts
    41
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you!

  • #4
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by Papa View Post
    I know this is really simple and i've read corrections for the problem before but I cannot find them for anything.

    As most sites go, linking the logo to the homepage is a necessity.
    why?

    Quote Originally Posted by Papa View Post
    However, when I link the site with the simple command

    Code:
    <div id="logo"><a href="index.html"><img src="images/Kirby_Web.jpg" width="319" height="112" /></a></div>
    it makes a blue link style appear on the outside of the image on rollover. I have other links, throughout the site, that I want to keep the rollover feature. Can I turn it off for just the linked image?
    Code:
    <div id="logo"><a href="index.html"><img style="border: none;" src="images/Kirby_Web.jpg" width="319" height="112" /></a></div>
    a better idea is to move style attribute in your css file

    Code:
    div#logo img { border: none; }


  •  

    Posting Permissions

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