7 Replies Latest reply: Aug 11, 2012 6:52 PM by jgdutt RSS

    Link on page won't work

    jgdutt

      I cannot get a link on my page to work.  http://jeannettedutton.com/MLVC/   The UPCOMING EVENTS image (under the Lobby Hours sign) will not link to the page.  I am pretty sure the problem lies with the rotating image code, but I do not know why.  Help!  I can't figure this one out.

       

      Jeannette

        • 1. Re: Link on page won't work
          John Waller CommunityMVP

          When I click on the Upcoming Links button, I get taken to http://jeannettedutton.com/MLVC/events.html

           

          Seems OK here.

          • 2. Re: Link on page won't work
            jgdutt Community Member

            I should have mentioned that it isn't working in Firefox.

             

            Jeannette

            • 3. Re: Link on page won't work
              John Waller CommunityMVP

              Remove z-index: -100; from the following CSS rule.
              #rotating-item-wrapper {

                  background-color: transparent;

                  height: 350px;

                  position: relative;

                  width: 950px;

                  z-index: -100;

              }

              • 4. Re: Link on page won't work
                jgdutt Community Member

                That fixed the problem I was having, but now the drop down menu on the navigation bar goes behind the images (look under SERVICES).

                 

                Jeannette

                • 5. Re: Link on page won't work
                  osgood_ CommunityMVP

                  I would revise that center layout a bit to move the 'rotating-item2' <div> outside of the 'rotating-item-wrapper' <div>. Its never a good idea to put anything into a wrapper which is affected by a jquery script which doesnt need to be.

                   

                  Make a backup of your page before you try the fix below.

                   

                  First add the below inline css styling to the the 'rotating-item2' opening <div> tag. Then select the html code, cut it and paste it after the closing </div> tag of the 'rotating-item_wrapper'

                   

                  <div class="rotating-item2" style="float: left; width: 189px;">

                    <img src="images/hours.gif" width="189" height="241" alt="Lobby Hours" /><br />

                    <br />

                  <p>  <a href="./events.html"><img src="http://jeannettedutton.com/MLVC/images/upcomingEvents1.png" onmouseover="this.src='images/upcomingEvents2.png'" onmouseout="this.src='images/upcomingEvents1.png'"border="none" /></a></p></div><!-- end rotating-item2 -->

                   

                   

                  Next add some inline css styling to your 'rotating-item-wrapper' opening <div> tag as shown below:

                   

                  <div id="rotating-item-wrapper" style="width: 756px; float: left;">

                   

                  Finally add a <br> clearing solution (see below) to your code directly before the 'content' <div>

                   

                  <br style="clear: both;" />

                    <div id="content"><br />

                  • 6. Re: Link on page won't work
                    jgdutt Community Member

                    Thank you so much for your wonderful, thoughtful answer.  Amazingly, it has started to work in Fireworks without me doing anything.  So I won't make any changes now.  If it doesn't work in the future, I will try your suggestion.

                     

                    Thanks again!  I really appreciate your time and expertise.

                     

                    Jeannette

                    • 7. Re: Link on page won't work
                      jgdutt Community Member

                      I meant to say Firefox, not Fireworks.  :-)

                       

                      Jeannette