4 Replies Latest reply on Jul 12, 2011 10:22 AM by jtb152

    Help! My divs are purple!

    jtb152

      Divs (purple=visited, blue=unvisited) highlighted as links in explorer (explorer 9)  browser (not in other browsers: firefox, safari, gchrome). This is the code I used to make the divs/images into site specific links:

       

      <div id="navBar">
              <div id="repertoire"><a href="repertoire.html"><img id="repertoire" src="images/repertoire.png" width="253" height="115" alt="" /></a> </div>
              <div id="music"><a href="clips.html"><img id="music clips" src="images/music clips.png" width="253" height="80"/></a></div>
              <div id="gigs"><img id="gigs" src="images/gigs.png" width="253" height="76"/></a></div>
              <div id="contact"><a href="contact.html"><img id="contact" src="images/contact.png" width="253" height="115"/></a></div>
            </div>

       

      Any body know how to resolve this for explorer?

       

       

      Humbly submitted,

      baby developer

        • 1. Re: Help! My divs are purple!
          MurraySummers Level 8

          Any body know how to resolve this for explorer?

           

          Restart the browser.

           

          Purple is the generic color for a visited links.  And it's your links that are purple not your divs.

           

          Finally you would want to give this link a proper opening tag!

           

          <div id="gigs"><img id="gigs" src="images/gigs.png" width="253" height="76"/></a></div>

          • 2. Re: Help! My divs are purple!
            Ben M Adobe Community Professional

            jtb152 wrote:

             

            Divs (purple=visited, blue=unvisited) highlighted as links in explorer (explorer 9)  browser (not in other browsers: firefox, safari, gchrome). This is the code I used to make the divs/images into site specific links:

             

            <div id="navBar">
                    <div id="repertoire"><a href="repertoire.html"><img id="repertoire" src="images/repertoire.png" width="253" height="115" alt="" /></a> </div>
                    <div id="music"><a href="clips.html"><img id="music clips" src="images/music clips.png" width="253" height="80"/></a></div>
                    <div id="gigs"><img id="gigs" src="images/gigs.png" width="253" height="76"/></a></div>
                    <div id="contact"><a href="contact.html"><img id="contact" src="images/contact.png" width="253" height="115"/></a></div>
                  </div>

             

            Any body know how to resolve this for explorer?

             

             

            Humbly submitted,

            baby developer

             

            In your example the divs are not purple.  The borders around the images are.  But those borders are related to the "a" tags around the images. 

             

            If you don't want the borders add the following to your CSS:

             

            a img { border: none; }

             

            That will remove the border from all images that are linked to other pages.

            • 3. Re: Help! My divs are purple!
              jtb152 Level 1

              Thanks for your quick reply!

              My situation is that I have a navigation bar that images stacked in it (in order to preserve the font I want). Each is designated as a link.  The problem is that the outline of the div shows up as a "link" (purple or blue) in explorer 9. Is there a way to make sure they don't get highlighted? Maybe my initial strategy for the design of this navigation bar is flawed.

               

              Humbly submitted,

               

               

              jeff

              • 4. Re: Help! My divs are purple!
                jtb152 Level 1

                THANKS!!!!!