[housekeeper]

My senior moments are becoming increasing more frequent, I can never remember this sucker when I need it. I want to line up four thumbnails in a horizontal row, with four pixels worth of space seperating them

what used to be <img ... hspace="4" /> is now <img.... margin="4px" /> or <img .. marginpadding=4px />

???

Help a brotha out please...

[Gaystoryman]

Is this in a blog? If so, simply click on the image, and set the horizontal space, in the advanced settings.

I find, that if I have four images in a horizontal row, I simply add a hoverspace to the second and fourth image. That gives me a space on the left and right, thus no need to do it for the first or third image.

If for static, then the hspace is the right option. you should also set the align to left or right.

hth

[gonzogone]

all 'should' work roughly the same, but 'roughly' ends up being a browser dependency...

I find that margin and padding work the best - did you mix "padding" with "marginpadding"? Images are an inline element when you get down to it, so they can easily be put side by side.

You can really go with either 'margin' or 'padding' for a little space between them if that's all you are shooting for. It's a CSS Box Model issue, but unless you are using more than one feature of the box model, they might as well be the same. The difference between them really comes into play when you apply a border.

Just remember, that doing local CSS like that, it's done with the 'style' attirbute of <img so something like...

<img src="myimage.jpg" style="margin:4px" />

[housekeeper]

Thanks fella's, and S4E I think you nailed it, I"m so forgetful these day....

also style="margin-left: 2px; margin-right: 2px"

[gonzogone]

[housekeeper]

Originally Posted by student4ever

Here lately you've been working overtime my friend, thanks much for helping the old man out...

[VoyGeorge]

> style="margin:4px

That would be a total of 8px horizontal spacing, though.

> margin-left: 2px; margin-right: 2px

Works, but as I am a purist, this places a small indent for the first image. If this isn't what you want, you could delete the margin-left for the first one, or use a div for a spacer, and only add the spacer between images:

You might do the spacer as

imgspace {margin-left: 4px;}

and only put it between the images. While it IS an extra bit of code, you don't have to worry as much if you should change your layout.

The other alternative is to only use margin-right:4px;. That will add 4px only to the right, and tends to look better for images that are aligned from the left edge of the page (do the opposite if the images are aligned to the right).

You do, of course, want to avoid inline styles for anything that you apply more than once or twice on any page.