8 Replies Latest reply on Dec 1, 2008 7:08 AM by macadadi

    Using images as links

    macadadi
      Such a little problem that is driving me potty!
      I have used an image as a link on a page I have built in Dreamweaver, but previewing this page in Internet Explorer shows that as I rollover the image, a fine border appears around it. Help! How do I get rid of this? It's an image with a white background set on a white page so this 'border' that appears looks awful. The border doesn't appear when I preview in Safari or Firefox. I would so very much appreciate anyone who would have the time to help me find the solution! Many thanks.
        • 1. Re: Using images as links
          Level 7
          Show us the page, please.

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          ==================


          "macadadi" <webforumsuser@macromedia.com> wrote in message
          news:gh0pfa$8ho$1@forums.macromedia.com...
          > Such a little problem that is driving me potty!
          > I have used an image as a link on a page I have built in Dreamweaver, but
          > previewing this page in Internet Explorer shows that as I rollover the
          > image, a
          > fine border appears around it. Help! How do I get rid of this? It's an
          > image
          > with a white background set on a white page so this 'border' that appears
          > looks
          > awful. The border doesn't appear when I preview in Safari or Firefox. I
          > would
          > so very much appreciate anyone who would have the time to help me find the
          > solution! Many thanks.
          >

          • 2. Re: Using images as links
            joeq Level 1
            http://www.letmegooglethatforyou.com/?q=border+around+link


            quote:

            Originally posted by: macadadi
            Such a little problem that is driving me potty!
            I have used an image as a link on a page I have built in Dreamweaver, but previewing this page in Internet Explorer shows that as I rollover the image, a fine border appears around it. Help! How do I get rid of this? It's an image with a white background set on a white page so this 'border' that appears looks awful. The border doesn't appear when I preview in Safari or Firefox. I would so very much appreciate anyone who would have the time to help me find the solution! Many thanks.


            • 3. Re: Using images as links
              Level 7
              That's not really the question though. It's a rollover only thing in IE.
              We'd need to see the page.

              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              ==================


              "joeq" <webforumsuser@macromedia.com> wrote in message
              news:gh0sbq$bu4$1@forums.macromedia.com...
              > http://www.letmegooglethatforyou.com/?q=border+around+link
              >
              >
              >
              quote:

              Originally posted by: macadadi
              > Such a little problem that is driving me potty!
              > I have used an image as a link on a page I have built in Dreamweaver, but
              > previewing this page in Internet Explorer shows that as I rollover the
              > image, a
              > fine border appears around it. Help! How do I get rid of this? It's an
              > image
              > with a white background set on a white page so this 'border' that appears
              > looks
              > awful. The border doesn't appear when I preview in Safari or Firefox. I
              > would
              > so very much appreciate anyone who would have the time to help me find the
              > solution! Many thanks.

              >
              >
              >

              • 4. Re: Using images as links
                macadadi Level 1
                Here's the pages. The images are the menu links along the top.
                http://www.villasanmiguel.co.uk/
                (Please bear in mind that I am a complete self-taught novice and this is just a site for a friend! I'm sure you'll find a million mistakes!)
                Thanks so much for taking a look.
                • 5. Re: Using images as links
                  macadadi Level 1
                  Wow! Thanks.
                  Will try this right away!
                  Many many thanks for your time.
                  • 6. Re: Using images as links
                    Stuart Haiz Level 1
                    The border is there too on Firefox on OSX.

                    Create a style like this to fix it:

                    a img {
                    border-width: 0px;
                    }
                    • 7. Re: Using images as links
                      macadadi Level 1
                      Thank you so much Sirius7,
                      Can't wait to try to correct this but have to go out on the school run. Will try this p.m.
                      My first time ever in a forum and it's just brilliant! Many thanks.
                      • 8. Re: Using images as links
                        macadadi Level 1
                        Hi Murray ACE,
                        Thank you so much for your time. As per the suggestions below (or above!) I've set the border to '0' and it's cured the problem and feel daft that I didn't figure it out myself!
                        It is strange though, why the border didn't show itself in Safari.
                        Kindest thanks and regards.