posted on November 6, 2006 12:18:57 PM
Does anyone know what the HTML code is to align two pictures side by side in a listing? My pictures are always in a straight line down, but I would like to place them side by side.
posted on November 6, 2006 12:48:40 PM
Your pictures are always centered one to a line because that's the way you have it coded with the "center" tag.
Diane, if it were me, I'd get rid of the frilly templates and make your auctions wall-to-wall (well, side-to-side) product photos. Templates are sweet, but you're not selling templates.
I think with your current photo size you can just squeeze two side-by-side.
So, you want to delete the "center" tags, and you want to delete the "br" (line break) tags as well, probably the first, third, and fifth because you do want a line break after your second, fourth and sixth pictures.
You could also be more rigid about it and put your photos in a table.
Just make sure the viewer doesn't have to scroll from side-to-side to see it all. That's a real pain.
posted on November 6, 2006 12:59:22 PM
well I was going to post my fav html page but it doesn't have anything about pics. I'll post it anyway just in case:
Easiest way to have two pics side-by-side (or two column in design speak) is to use inline cascading style sheets (or CSS). Do a search on Google and you'll find loads of examples...
posted on November 6, 2006 01:40:59 PM
Two things to remember. 1st. Size matters. If you pictures are too large, they will jump to the next line. Also, if you hit return between the html codes, you will have two lines.
posted on November 7, 2006 06:39:53 AM
Thanks so much for your help everybody. Fluffy, I did try deleting out the breaks and centers but it didn't work. I've bookmarked this page and am going to experiment with the tables and CSS to see how they come out.
posted on November 7, 2006 07:58:30 AM
You might have to resize your photos. A tabular format will force them to appear in as many rows and columns as you like; however, keep in mind that browser window sizes/resolutions vary.
