PDA

View Full Version : Lightbox2 Positioning Help



Ben_WC
08-31-2011, 12:48 AM
1) Script Title: Lightbox2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem:

Hi :)

I've created a div which I want my Lightbox2 galleries to be placed into, but I can't seem to control where the images go.

This is an image of how I want the boxes placed:

http://img683.imageshack.us/img683/8620/websiteo.png

But this is what I've got so far:

http://benlambe.com/Website/portfolio.html

The HTML I'm using is:


<div class="fullscreen">

<a href="images/walle.jpg" rel="lightbox[product_1]"><img src="images/box.png" width="190" height="190"></a>
<a href="images/up.jpg" rel="lightbox[product_1]"></a>
<a href="images/toystory.jpg" rel="lightbox[product_1]"></a>

<a href="images/up.jpg" rel="lightbox[product_2]"><img src="images/box.png" width="190" height="190"></a>
<a href="images/up.jpg" rel="lightbox[product_2]"></a>
<a href="images/toystory.jpg" rel="lightbox[product_2]"></a>

<a href="images/up.jpg" rel="lightbox[product_3]"><img src="images/box.png" width="190" height="190"></a>
<a href="images/up.jpg" rel="lightbox[product_3]"></a>
<a href="images/toystory.jpg" rel="lightbox[product_3]"></a>

<a href="images/up.jpg" rel="lightbox[product_4]"><img src="images/box.png" width="190" height="190"></a>
<a href="images/up.jpg" rel="lightbox[product_4]"></a>
<a href="images/toystory.jpg" rel="lightbox[product_4]"></a>

</div>

If anyone can help me out that would be great. :)

ajfmrf
08-31-2011, 05:31 AM
Try using tables to set up your spacing around the boxes.


Bud

Ben_WC
09-01-2011, 11:19 AM
Thank you. :)