...

View Full Version : Basic image alignment inquiry



nb1989
07-07-2011, 08:24 PM
Excuse the trivial nature of my question, I am very inexperienced with coding. On my website I would like to exhibit a menu directory featuring an aligned series of images to the left of the country's name from where the photographs were taken. I am nearly there, however I am having difficulty aligning the images together while having the images still remain in the center of the page. Here is a screen shot of my issue, complete with my juvenile attempt at code to the left. Please suggest a way for me to simply align these small images to allow for a more semetrical and visually appealing layout, where at current these images bracket like a staircase.

http://img.photobucket.com/albums/v237/NBowie/Picture6-1.png

rnd me
07-07-2011, 08:44 PM
center a common container for the images and text, specify a width for the image and the container...

dite
07-07-2011, 10:43 PM
rnd me's right. I would probably use a table.


<table style="border:0px; margin: auto;">
<tr>
<td width="##"><img src="myanmar.jpg"></td>
<td><a href="...">Myanmar</a></td>
</tr>
<tr>
<td width="##"><img src="myanmar.jpg"></td>
<td><a href="...">Myanmar</a></td>
</tr>
<tr>
<td width="##"><img src="myanmar.jpg"></td>
<td><a href="...">Myanmar</a></td>
</tr>
<tr>
<td width="##"><img src="myanmar.jpg"></td>
<td><a href="...">Myanmar</a></td>
</tr>
</table>


Something like that (Changing the width, urls, and changing the repeats to the other three). I'm doing it mainly from the top of my head (I had to give you the updated centering style--I shouldn't, but I generally use align center).

I don't know if it's the best way, but it should work.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum