Matt5581 Posted March 16, 2008 Share Posted March 16, 2008 I'm trying to create a Web page using divisions.What I'm trying to do is put two images side by side with captions underneath. I'll try to demonstrate this.----------------------------------- Header ---------------------------Image of something | Image of something Caption of image | Caption of image Image of something | Image of something Caption of image | Image of something----------------------------------- Footer -----------------------------How could I use a division to seperate the two columns of images? I apologize if this makes no sense, but thank you for your help. Link to comment Share on other sites More sharing options...
Ingolme Posted March 17, 2008 Share Posted March 17, 2008 You can try this: <div> <div style="float: left; width: 50%"> <img src="image1.jpg" alt="image1"><br /> Here goes text for the caption </div> <div style="float: left; width: 50%"> <img src="image1.jpg" alt="image1"><br /> Here goes text for the caption </div></div><div> <div style="float: left; width: 50%"> <img src="image1.jpg" alt="image3"><br /> Here goes text for the caption </div> <div style="float: left; width: 50%"> <img src="image1.jpg" alt="image3"><br /> Here goes text for the caption </div></div> Link to comment Share on other sites More sharing options...
Matt5581 Posted March 17, 2008 Author Share Posted March 17, 2008 Wow, thank you very very much.This is truly appreciated. Link to comment Share on other sites More sharing options...
jlhaslip Posted March 17, 2008 Share Posted March 17, 2008 http://jlhaslip.trap17.com/samples/gallery/thumbs/index.html Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.