Dividing the image page into columns.

Pierrot

Let me just throw this one out...

I'm building an art gallery with Zenphoto using the default theme. At the image.php level I have the image with some thumbnails on the right. I had a lot of trouble with this and got into some messy css...

#image {
float: left;
width: 450px;
height: 100%;
margin-left: 25px;
}

#smallthumb {
float: right;
width: 300px;
clear: both;
margin-top: 25px;
}

#albumdesc {
font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
width: 300px;
text-align: left;
padding-top: 15px;
padding-left: 600px;
clear: right;
margin-bottom: 310px;
}

Now I want to change things up again and have the thumbnails below the image with a biographical sketch on the right. I feel like every successful change I make is a bit like that theory about 1000 monkeys with 1000 typewriters - I basically just try everything until it works.

What I'm asking here is whether there is an easier way? Can I somehow divide the page into sections or columns?

Any suggestions?

Thanks!!!

Pierrot

gjr

yeah - just wrap the sections in divisions and position them just like any web page design. Just do a google search for css layouts. Or for beginners you can use a table....