Hello I have 5 images that I would like text to go under each image. How do i go about doing this? http://imgur.com/URb3Xeg <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <title>DVD World | Home</title> </head> <body> <a href="" title="The Wolverine"><img src="dvdcovers/wolverine.jpg" height="170" width="120" border="1" /></a> <a href="" title="Hercules"><img src="dvdcovers/hercules.jpg" height="170" width="120" border="1" /></a> <a href="" title="The Island"><img src="dvdcovers/theisland.jpg" height="170" width="120" border="1" /></a> <a href="" title="Paris"><img src="dvdcovers/paris.jpg" height="170" width="120" border="1" /></a> <a href="" title="Red"><img src="dvdcovers/red.jpg" height="170" width="120" border="1" /></a> <a href="" title="Garfield The Movie"><img src="dvdcovers/garfield.jpg" height="170" width="120" border="1" /></a> </body> </html> Code (markup): Thankyou.
There's a couple things you can do, I would say either place each image inside of a div, along with a <p> of whatever you want the text to be, OR Make a table with one row and each image and <p> inside of their own <td> Good Luck, Dirk
<table> <tr> <td style="padding-left:10px;padding-right:10px"><a href="" title="The Wolverine"><img src="dvdcovers/wolverine.jpg" height="170" width="120" border="1" /></a><p>Title Here</p></td> <td style="padding-left:10px;padding-right:10px"><a href="" title="Hercules"><img src="dvdcovers/hercules.jpg" height="170" width="120" border="1" /></a><p>Title Here</p></td> <td style="padding-left:10px;padding-right:10px"><a href="" title="The Island"><img src="dvdcovers/theisland.jpg" height="170" width="120" border="1" /></a><p>Title Here</p></td> <td style="padding-left:10px;padding-right:10px"><a href="" title="Paris"><img src="dvdcovers/paris.jpg" height="170" width="120" border="1" /></a><p>Title Here</p></td> <td style="padding-left:10px;padding-right:10px"<a href="" title="Red"><img src="dvdcovers/red.jpg" height="170" width="120" border="1" /></a><p>Title Here</p></td> <td style="padding-left:10px;padding-right:10px"><a href="" title="Garfield The Movie"><img src="dvdcovers/garfield.jpg" height="170" width="120" border="1" /></a><p>Title Here</p></td> </tr> </table> if you want the text centered under the pictures, just add the text-align:center; to the style tags of the <td>'s