Problem with CSS image gallery

1

Hi,

I’m trying to make what is basically a page of 8 thumbnails with text underneath them in CSS, that fits into an i-frame. The page in question is at:

www32.brinkster.com/jamesclarke/jamesv3/i_books.html

I’ve laid the CSS out as follows:

A container for the whole lot:


#bookscontainer{
	float: left;
	margin: 0px;
	width: 550px;
	background-color: #ffffcc;
	}

A div for each image:


#menuimages {
             float:left;
	width:110px;
	margin:10px;
	padding:5px 1px;
	border:0px;
	border-color:#ffffcc;
	background-color:#ffffcc;
	vertical-align:middle;
	text-align:center;
	font-size:xx-small;
	font-family:verdana;
	color:#663333;
	}

As you can see, I can put in 6 images (using <div id=“menuimages”> and putting in the img url), then the 7th and 8th images just jump down to the bottom of the page - I need them to come up so that it’s just 2 rows of 4 images. Any ideas, o wise ones?

Cheers!

2

basically I took your code and swapped around the books position’s - swap the animated book for the coppola book and it seems to work fine, maybe you need to change the size of your images - it is possible that your bottom row of book images were too wide and thus were having to be put on the next line.

Would you like me to supply you a zip file?