Ok i think i have what you are looking for >.<
You have:
Code:
.hovergallery { /* same as above 4 main single static */
clear: right;
padding-top: 5px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 110px;
}
Change the code to this:
Code:
.hovergallery { /* same as above 4 main single static */
clear: right;
margin-top: -365px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 110px;
}
That is in your head tag
This is in your body tag:
Code:
<br style="clear:left" />
<a class="thumbnail" href="#thumb"><img src="placeImages/aoSmith3thumb.jpg" width="112px" height="112px" border="0" /><span><img src="placeImages/aoSmith3.jpg" /><br />So real, it's unreal. Or is it?</span></a>
<br style="clear:left" />
<a class="thumbnail" href="#thumb"><img src="placeImages/aoSmith4thumb.jpg" width="112px" height="112px" border="0" /><span><img src="placeImages/aoSmith4.jpg" /><br />Sushi for dinner anyone?</span></a>
</div>
<div class="hovergallery">
<a class="hovergallery" href="http://www.aosmith.com/" target="_blank""><img src="placeImages/aoSmith1.jpg" alt="orig" class="resize_orig" /><span>
<img src="placeImages/aoSmith1.jpg" /><br />
The lobby was transformed into a contemporary corporate reception area and <br />exhibit space including the "Wall of Innovation".</span></a>
</div>
Change to:
Code:
<br style="clear:left" />
<a class="thumbnail" href="#thumb"><img src="placeImages/aoSmith3thumb.jpg" width="112px" height="112px" border="0" /><span><img src="placeImages/aoSmith3.jpg" /><br />So real, it's unreal. Or is it?</span></a>
<br style="clear:left" />
<a class="thumbnail" href="#thumb"><img src="placeImages/aoSmith4thumb.jpg" width="112px" height="112px" border="0" /><span><img src="placeImages/aoSmith4.jpg" /><br />Sushi for dinner anyone?</span></a>
<div class="hovergallery">
<a class="hovergallery" href="http://www.aosmith.com/" target="_blank""><img src="placeImages/aoSmith1.jpg" alt="orig" class="resize_orig" /><span>
<img src="placeImages/aoSmith1.jpg" /><br />
The lobby was transformed into a contemporary corporate reception area and <br />exhibit space including the "Wall of Innovation".</span></a>
</div>
</div>
Tell me if that is what you want

Originally Posted by
Anthrogue
.... The large central image: the rollover/hover effect happens when cursor is to left and right of that image but not really "on" it. Clueless here as to why
Do you want me to fix that problem also?
Bookmarks