Stylesheets - image gallery in <ul>: vertical alignment

Author

image gallery in <ul>: vertical alignment

Nik

2006-12-06, 7:36 pm

I have a simplified version of my image gallery at:

http://www.niksally.f2s.com/upload/...ed_gallery.html

Essentially, the format of the html is an in-line list:

<ul>
<li><img></li>
<li><img></li>
</ul>

At present, portrait and landscape images are bottom-aligned, which
looks a little funny. Is it possible to have them centre-aligned? I
could relatively easily add a class to the <li> to denote portrait or
landscape arrangement.

The long dimension or each image is 120px, but not all aspect ratios are
exactly 4:3.

TIA.

Nik

Bergamot

2006-12-06, 7:36 pm

Nik wrote:
>
> http://www.niksally.f2s.com/upload/...ed_gallery.html
>
> At present, portrait and landscape images are bottom-aligned, which
> looks a little funny. Is it possible to have them centre-aligned?

img {vertical-align:middle}

You might want to add some margins to that, too.

--
Berg

Nik

2006-12-06, 7:36 pm

Bergamot wrote:
> Nik wrote:
>
>
>
> img {vertical-align:middle}
>
> You might want to add some margins to that, too.
>
Many thanks.

I'm sure I tried that, but I must have been styling the <li> instead of
the image.

Nik