Jump to content

Center Text Below Image


du52uga

Recommended Posts

I've finished constructing my page; The problem I have is placing the text I desire so it is centered..<td>[<a href=http://s540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/?action=view&current=china24.jpg" target="_blank"><img src="http://i540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/s_china24.jpg" align="middle" WIDTH=185 HEIGHT=160 border="0" alt="Photobucket">C4d/China</a></td>]Pls help..

Link to comment
Share on other sites

The first thing I notice it that you use tables.Second thing is that you have this:

<td>[ .... </td>]

This isn't a real problem, but still..Third error:

align="middle"

It shouldn't be inside your image tag and it should be "center" instead of "middle".Also, don't use capitals. That's a bad habit ;-).And now to answer your question :-D:If you want to center the text below the image you could/should use this:

<div style="text-align: center;"><img src="./source" width=".." height=".." alt=".." /><br />The text below the image goes here.</div>

Link to comment
Share on other sites

The first thing I notice it that you use tables.Second thing is that you have this:
<td>[ .... </td>]

This isn't a real problem, but still..Third error:

align="middle"

It shouldn't be inside your image tag and it should be "center" instead of "middle".Also, don't use capitals. That's a bad habit ;-).And now to answer your question :-D:If you want to center the text below the image you could/should use this:

<div style="text-align: center;"><img src="./source" width=".." height=".." alt=".." /><br />The text below the image goes here.</div>

Let me explain a bit farther:Html-explaning.jpgThis as far as I got with my page, and I dont wish to link it until it's right..Perhaps u can write the code and I can store it for future use..
Link to comment
Share on other sites

Okay, I see how you use the table.I'll write something for you where you'll just have to insert the image sources (and hyperlinks).This example uses a 2 x 2 table.CSS

td {text-align:center;}

HTML

<table><tr><td><img src="..." width="..." height="..." alt="..." /><br />Text Here</td><td><img src="..." width="..." height="..." alt="..." /><br />Text Here</td></tr><tr><td><img src="..." width="..." height="..." alt="..." /><br />Text Here</td><td><img src="..." width="..." height="..." alt="..." /><br />Text Here</td></tr></table>

By using the CSS I've made all the content in the td's centerized.Then, by using the "<br />" tag there will be a break, so the text will show on another line.Just add the CSS part to your current CSS file and use the code like I showed you and you'll be perfectly fine!

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...