1 reply [Last post]
Anonymous
Anonymous's picture
Guru
calgary,alberta
calgary,alberta

Hi,

On my photo gallery site, the index pages consist of thumbnails with labels under them. Each thumbnail is an image whose maximum width and height are known; however, the actual dimensions vary from thumbnail to thumbnail.

What I would like to do is display the thumbnails so that the labels all line up vertically. Currently, I am doing this with tables. Is there a CSS-approved way of accomplishing the same thing ? Thanks for the info.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 17 hours 41 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Vertical Alignment

Hi Bugmaster,
Nice photos.
Having a look at the source, it seems that you have already removed the tables from around the images.
Looks good in Netscape 7 and IE6 on windows.

Did you leave out the height value in the p on purpose, see below

Quote:
<div class="thumbnail">
<p style="width: 128px; height: px; padding-top: 0px;">