View Full Version : aligning three pictures in row


Deltauk
05-29-2006, 01:07 AM
i was looking through aligning images for html looking at google search i came across this website and it worked for me i typed in my editor another table to go in center .as this website tells you how to put images left and right
dont know if its coreect way of doing it for html here the website http://www.wdvl.com/Authoring/Graphics/Techniques/Align_l_r.html

may help some people

pb&j
05-29-2006, 02:40 PM
if you want 3 images in a row, you can just put them in a row like this...

<img src="imagename.gif"><img src="imagename.gif"><img src="imagename.gif">

or if you want to use a table, then this may do...

<table><tr><td>
<img src="imagename.gif">
</td><td>
<img src="imagename.gif">
</td><td>
<img src="imagename.gif">
</td></tr></table>

and if you want that to be spread across the page then...

<table width="100%"><tr><td width="33%">
<img src="imagename.gif">
</td><td width="34%">
<img src="imagename.gif">
</td><td width="33%">
<img src="imagename.gif">
</td></tr></table>

Deltauk
05-29-2006, 05:57 PM
i put a fourth one in tryed to adjust the witdth for the pictures how can i space them from each other they seem close to eachother . also when i have put picture medals on my page is there a way puting another page link under the medals in the table you showed me?

Douglas
05-29-2006, 06:58 PM
<table width="100%">
<tr>
<td width="25%" align="center">
<img src="imagename.gif" border="0" alt="" />
</td>
<td width="25%" align="center">
<img src="imagename.gif" border="0" alt="" />
</td>
<td width="25%" align="center">
<img src="imagename.gif" border="0" alt="" />
</td>
<td width="25%" align="center">
<img src="imagename.gif" border="0" alt="" />
</td>
</tr>
<tr>
<td width="25%" align="center">
<a href="link1.html">Link1</a>
</td>
<td width="25%" align="center">
<a href="link2.html">Link2</a>
</td>
<td width="25%" align="center">
<a href="link3.html">Link3</a>
</td>
<td width="25%" align="center">
<a href="link4.html">Link4</a>
</td>
</tr>
</table>


Is that what you want?

Deltauk
05-29-2006, 07:58 PM
thanks all.great help thanks for that just what i been after

Douglas
05-29-2006, 08:40 PM
No problem, glad to have of helped. ;D

Deltauk
05-29-2006, 10:00 PM
i went to put some picture in the table they showed up on preview ok .but the width do not adjust the pictures and theres no hight adjustmet how can i solve this ?

Deltauk
05-29-2006, 10:41 PM
but need to know where to put width and hight for picture adjustment

i didnt reelise that width was for spacing:lolol:

Douglas
05-29-2006, 10:49 PM
You can add this to the <img tag:

height="100%"

I think thats what you mean, you're not very clear.

Deltauk
05-29-2006, 11:08 PM
<width="298" height="50">

thats the only way i know of doing hight and width ive never used them before what you showing how to do height="100%"

pb&j
05-30-2006, 04:49 AM
the values in width and height can be a solid number like you posted or they can be a percentage value.

perhaps provide a link to your webpage so far and we can help further on your current problem.