Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /var/www/minitokyo/www/includes/common.inc.php on line 360 How to line up images horizontally in HTML? - Minitokyo

How to line up images horizontally in HTML?

page 1 of 1 3 total items

entity1660

entity1660

Don't Forget Me

I need the code so my image links can be lined up for the small gallery of my vectored works (it's for a personal challenge I am doing).

http://img392.imageshack.us/img392/981/untitled2mt6.th.jpg

What's the code to align [link] images horizontally?

kuroimisa

Retired Moderator

kuroimisa

Wizard of Darkness -under a rock

tables?

You put all your images in the top row, and the text in the bottom row.
Every "column" or image+text will be a table division.

<table>
<tr><td>img1</td><td>img2</td><td>img3 etc</td></tr>
<tr><td>text1</td><td>text2</td><td>text3 etc</td></tr>
</table>


... where every img I have written is your <img src="http://whatever.jpg" />
and every text with the corresponding number as the image will be the link <a href="http://whatever.com">text</a> directly under that image.

ie. Text1 will be under Image1, Text 2 will be under Image2.

Lol. that's one way of doing it :)

merged: 02-21-2007 ~ 08:14pm
PS: don't use too many <td>s. You may find you can only have a maximum of like 5 across the little <div> you have set up there. Any more will stretch your userpage.

You can also define <td width="?px"> so that every cell has a specific width. That way you can control it.

If you have any more images, make a new table below that :P

Signature
	Image
Misa|Virtuoso and Legend of W.A.R - UA|Most coordinated Legion of W.A.R
MINITOKYO-WIDE KNOCKOUT WALLING COMP: LAUNCHES MARCH 2010. ONE WINNER. ONE PRIZE.
ADD ME TO YOUR FRIENDS <3

etoo

etoo

sanity runs away from me

<table>
<tr>
<td align="center"><img src=""><br>text</center></td>
<td align="center"><img src=""><br>text</center></td>
<td align="center"><img src=""><br>text</center></td>
<td align="center"><img src=""><br>text</center></td>
</tr>
<tr>
(same stuff as above)
</tr>
</table>

also, to keep a tidy look, use the same size for your images.
you might want to visit w3schools for some easy to understand html tutorials.

page 1 of 1 3 total items

Back to Computers & Internet | Active Threads | Forum Index

Only members can post replies, please register.

Warning: Undefined array key "cookienotice" in /var/www/minitokyo/www/html2/footer.html on line 73
This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies. Read more.