8 Replies Latest reply: Jul 2, 2008 6:06 AM by grape jan RSS

    borders of image links wrong colors in IE

    grape jan Community Member
      I have set the various colors for links in Page Properties (this affects any linked text and the borders of any images that link). There are various shades of gold and grey applied for Link Color, Visited Links, Active Links, etc.

      These colors display correctly for any linked text in all browsers and platforms (IE, Firefox and Safari on Mac and Windows). The border colors on any Linked images work as well, in all browsers EXCEPT Internet Explorer for Windows, where the Active and Visited link borders change to cyan and magenta.

      How to I get IE to recognize my preferred link colors on borders? I know it can be done. I've seen it elsewhere.

      Here is a link to the page I'm working on:

      http://www.grandviewart.com/PhyllisKleinFeldinger/DrewTest.html

      Thanks!
        • 1. Re: borders of image links wrong colors in IE
          Newsgroup_User Community Member
          Use CSS (inline example). Place this between <head> and </head> tags in code
          view.

          <style type="text/css>
          /* Image links */
          a img {border: 2px solid #FFFFFF} /* This is image border; set to page
          background color; white */
          a:hover img {border: 2px solid #EFAB08} /*this is the highlight color;
          gold*/
          a:active img, a:focus img {border: 2px solid #EFAB08}

          /* Text links */
          a:link {color: #FF0000} /* unvisited link */
          a:visited {color: #00FF00} /* visited link */
          a:hover {color: #EFAB08} /* mouse over link */
          a:active, a:focus {color: #EFAB08} /* selected link */
          </style


          To help with color choices, here's a color chart:
          www.//alt-web.com/HexColorChart.shtml


          --Nancy O.
          Alt-Web Design & Publishing
          www.alt-web.com


          "grape jan" <webforumsuser@macromedia.com> wrote in message
          news:g4bm14$ldm$1@forums.macromedia.com...
          > I have set the various colors for links in Page Properties (this affects
          any
          > linked text and the borders of any images that link). There are various
          shades
          > of gold and grey applied for Link Color, Visited Links, Active Links, etc.
          >
          > These colors display correctly for any linked text in all browsers and
          > platforms (IE, Firefox and Safari on Mac and Windows). The border colors
          on
          > any Linked images work as well, in all browsers EXCEPT Internet Explorer
          for
          > Windows, where the Active and Visited link borders change to cyan and
          magenta.
          >
          > How to I get IE to recognize my preferred link colors on borders? I know
          it
          > can be done. I've seen it elsewhere.
          >
          > Here is a link to the page I'm working on:
          >
          > http://www.grandviewart.com/PhyllisKleinFeldinger/DrewTest.html
          >
          > Thanks!
          >
          >


          • 2. Re: borders of image links wrong colors in IE
            grape jan Community Member
            thanks -- that works great!
            • 3. Re: borders of image links wrong colors in IE
              grape jan Community Member
              unfortunately, it also affects the navigation menu at the top, adding a border I don't want there...

              suggestions?
              • 4. Re: borders of image links wrong colors in IE
                Newsgroup_User Community Member
                Remove the borders from your menu by placing it inside it's own div with "a
                img" borders set to none.

                CSS:
                #menu a img {borders:none}

                HTML:
                <div id="menu">
                menu stuff goes here
                </div>


                --Nancy O.
                Alt-Web Design & Publishing
                www.alt-web.com

                "grape jan" <webforumsuser@macromedia.com> wrote in message
                news:g4datn$hap$1@forums.macromedia.com...
                > unfortunately, it also affects the navigation menu at the top, adding a
                border I don't want there...
                >
                > suggestions?


                • 5. Re: borders of image links wrong colors in IE
                  grape jan Community Member
                  do I have to repeat that entire CSS code within the 'div', and just change the 'border: 2' to 'border: 0' ? :

                  <style type="text/css>
                  /* Image links */
                  a img {border: 0px solid #FFFFFF} /* This is image border; set to page
                  background color; white */
                  a:hover img {border: 2px solid #EFAB08} /*this is the highlight color;
                  gold*/
                  a:active img, a:focus img {border: 2px solid #EFAB08}
                  </style

                  is there an easier way in DW?

                  (thanks, btw)
                  • 6. Re: borders of image links wrong colors in IE
                    grape jan Community Member
                    wait -- looks like I figured out your instructions. After I put the table that holds the menu in it's own 'div', naming it 'menu', I went up to the CSS code you gave me earlier and added '#menu a img {border:none}' (see code below).

                    (didn't work at first because it first said 'borders: none'. DW browser check caught it and I changed it to 'border: none' -- no 's' -- and lo and behold! )

                    that's right Nancy: MAKE me learn my HTML! ;)

                    thank you thank you (uploaded the working sample again to that same link above)
                    • 7. Re: borders of image links wrong colors in IE
                      Newsgroup_User Community Member
                      > that's right Nancy: MAKE me learn my HTML! ;)

                      Actually, this is CSS, and it's something that DW expects you to know!

                      --
                      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
                      ==================


                      "grape jan" <webforumsuser@macromedia.com> wrote in message
                      news:g4entp$684$1@forums.macromedia.com...
                      > wait -- looks like I figured out your instructions. After I put the table
                      > that
                      > holds the menu in it's own 'div', naming it 'menu', I went up to the CSS
                      > code
                      > you gave me earlier and added '#menu a img {border:none}' (see code
                      > below).
                      >
                      > (didn't work at first because it first said 'borders: none'. DW browser
                      > check
                      > caught it and I changed it to 'border: none' -- no 's' -- and lo and
                      > behold! )
                      >
                      > that's right Nancy: MAKE me learn my HTML! ;)
                      >
                      > thank you thank you (uploaded the working sample again to that same link
                      > above)
                      >
                      >
                      > /* Image links */
                      > a img {border: 2px solid #FFFFFF} /* This is image border; set to page
                      > background color; white */
                      > a:hover img {border: 2px solid #EFAB08} /*this is the highlight color;
                      > gold*/
                      > a:active img, a:focus img {border: 2px solid #EFAB08}
                      > #menu a img {border:none}
                      >

                      • 8. Re: borders of image links wrong colors in IE
                        grape jan Community Member
                        I'll have to find a tutorial. on that and on javascript. I know I'm doing a lot of things the hard way with plain html.