Printable View
I'm trying to align square category images like the squares on a chess board. I don't have any text just images right up to each other. My problem is
how do I remove the space between rows of category images?
I've managed to squeeze the images to be next to each other on the horizontal but I still get a space between the rows.
Any help appreciated.
Post a link to your page
I'd really appreciate some help to align the thumbnail pictures like a chess board layout. I thought I'd got the horizontal correct by just adjusting the width of the right column but of course on a wide screen they start to spread again. I'd need some way of keeping them squeezed together.
I also would like to remove the space between row one and row 2. I've got 10 rows by 10 columns to do.
Here's a link to the site.
http://www.thaimites.org/warothai/zencart/
Thanks in advance for any help.
1. Give your boxes width in pixels not percentage, OR
2. Wrap them all in a container which has a fixed width.
3. Or break each 4 by using <br class="clearBoth"/>. (Although I doubt this is possible to achieve within a loop.)
I think this idea of the fixed width container would work. Eh, how do I do that?
(Sorry for being a dumbo!)
Better yet, why don't you just make it 4-per-row from admin?
I'm really none the wiser on how to do this. I need to make it 10x10 squares with no spaces between them. Help please.
I thiking u give cell padding then it will take space automaticallyQuote:
Originally Posted by Boghead
I have the horizontal images laid out correctly but I still have a blank space between the rows. I have no idea how to get rid of this and it is driving me mad. Until I get the layout correct I can't do any other work.
Any ideas? Thanks in advance.
http://www.thaimites.org/warothai/zencart/