du52uga Posted April 5, 2009 Share Posted April 5, 2009 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¤t=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 More sharing options...
Yvil Posted April 5, 2009 Share Posted April 5, 2009 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 More sharing options...
du52uga Posted April 5, 2009 Author Share Posted April 5, 2009 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:This 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 More sharing options...
Yvil Posted April 5, 2009 Share Posted April 5, 2009 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 More sharing options...
jlhaslip Posted April 5, 2009 Share Posted April 5, 2009 http://jlhaslip.com/samples/gallery/thumbs/index.html Link to comment Share on other sites More sharing options...
du52uga Posted April 5, 2009 Author Share Posted April 5, 2009 http://jlhaslip.com/samples/gallery/thumbs/index.htmlOK tnx I'll add the code and will show when it's done.. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.