How do you position photos in a horizontal row with CSS?

Efkay | 16:09 Sat 23rd Jul 2011 | Computers

2 Answers

Can anyone point me to a tutorial or reference - or even if you know how to do it yourself - to show me how to position a horizontal row of small (50px x 50px) images, say about 8 of them, with equal spacing in between?

Each one will be a link to another page - I can do that bit fine!

Lost task bars

Typing in crossword solutions.

Answers

1 to 2 of 2

Best Answer

No best answer has yet been selected by Efkay. Once a best answer has been selected, it will be shown here.

For more on marking an answer as the "Best Answer", please visit our FAQ.

beso

I am no expert but I think they are just put in a sequence within the same div. The total width of the images and the div padding would be sized as required.

beso

Too late to be useful I'm sure but I have recently moved over to using divs instead of tables for layout.

Add the following to the photo divs so they stack up in order with a 10 pixel spacing.

style="float: left; margin: 5px"

Or put those properties in the style sheet where you define the class used to hold the photos

1 to 2 of 2

Do you know the answer?