View Full Version : whats the html code to space?


girl2k
04-10-2004, 07:56 AM
hi, i'm having trouble aligning my images so that it would have something like this:
image 1 image 1
image 2 image 2
image 3 image 3
* problem is, when i do that, they aren't align like that! does anyone have the html code for spacing it so it's even? thanks!

Sheila
04-10-2004, 11:04 AM
Try putting them in a table (http://www.lissaexplains.com/tables.shtml)

Rinoa Heartilly
04-10-2004, 11:15 AM
You could use this, but this gives space not only to the left, but also to the right, up, and down:

<img src="rainbow.gif" Hspace="30" Vspace="10">


You can use the following to move it either to the right or left. I haven't tested it out so let me know how it works.

<img src="pixel.gif" width="10" height="1"><img src="rainbow.gif">

All you really need to do is place the images beside each other. To setup your 2nd row of images, type <br> several times (however many times you want the top and bottom images to be apart) and then place down the next two images. You don't need to do this if you're using the first code.

Another suggestion is tables since it's more organized, but if you don't know how to make tables, then just follow these codes. I hope this works!

indianbean
04-10-2004, 02:42 PM
This here is the plain old non breaking space code -

&nbsp;

pb&j
04-10-2004, 02:51 PM
i would go with sheila's suggestion.
a table would keep the images more organized and managable in the fashion you want.
vspace, hspace, and &nbsp; are ok, but they may have different results in different browsers/versions/resolutions.

thejermyn
04-10-2004, 05:23 PM
Ok, I think I know what you are looking for. If you want neat spacing, the best is to have all images with equal size.

using tables would be too complicated. All you need to do is to add hspace="20" for side spacing and vspace="20" for up and down spacing.

Replace the bold numbers for your own, depending on how much space you want.

Add these words to your <img> tag. Eg. <img src="http://www.thejerm.bravehost.com/rslink.png" hspace="20" vspace="20">


I hope this helps =)