Jump to content

Using Divisions In Pages


Matt5581

Recommended Posts

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

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...