Skip navigation
Currently Being Moderated

Link on page won't work

Aug 8, 2012 9:39 PM

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

 
Replies
  • Currently Being Moderated
    Aug 8, 2012 10:34 PM   in reply to jgdutt

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

     

    Seems OK here.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 8, 2012 11:38 PM   in reply to jgdutt

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

        background-color: transparent;

        height: 350px;

        position: relative;

        width: 950px;

        z-index: -100;

    }

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 9, 2012 1:45 AM   in reply to jgdutt

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

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points