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