View Full Version : CSS Smart Image Enlarger - how to center?

01-07-2011, 06:47 AM
1) Script Title: CSS Smart Image Enlarger

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/css_smart_image_enlarger/

3) Describe problem: I created a site with a small image gallery and used the css smart image enlarger to make the thumbs larger on mouseover. See the site here http://www.sherrywinslow.com/817/features.htm

How can I center the gallery in the table? It currently is left aligned and looks bad.


01-07-2011, 08:25 AM
Put a container (highlighted) around the stuff in your td there and give it the width (red) of all five combined:

<td style="padding: 10px" valign="top" colspan="2" bgcolor="#576132" align="center">
<div style="width: 775px;">

<div class="ienlarger"><a href="nogo">
<img src="images/livingentry.jpg" alt="Living and entrance" class="resize_thumb" width="500" height="354" /><span>
<img src="images/ . . .

. . . alt="large" width="500" height="354" /><br />
Top floor deck</span></a></div>

<div class="ienlarger"><a href="#nogo"><img src="images/loung_ch.jpg" alt="Top Floor Lounge" class="resize_thumb" width="500" height="354"/><span>
<img src="images/loung_ch.jpg" alt="large" width="500" height="354" /><br />
Top floor lounge</span></a></div>

<br style="clear:left" />

01-08-2011, 05:16 AM
Perfect! Exactly what I needed to happen. Thank you