Center these images? And more...

[mercurius_1]

I need some help with this page:
http://www.sarahpollock.com/new/x.php

I stole much of this layout from "A List Apart," but I'm no CSS guru
and I desperately need some help with the finishing details because
everything I've tried so far has flopped. I would really appreciate
your insight on the following items:

1 - I would like to get the four images across the top to be in the
overall center of the page (Like most everything else on the page is).
How can I do this with CSS and not resort back to HTML tables?

2 - In Firefox, I am not getting enough space between the bottoms of
the four images and their respective captions (Right now, the captions
appear crunched right up into the bottom edges of the paintings). I've
tried the CSS "padding-top" and even "margin-top" routes, but I'm only
seeing the benefit in IE. Any ideas?

3 - Is there any reasonable CSS way to move the bottom three links up,
closer to the four images? I don't like the vertical distance that
exists right now.

Thank you so much for your time in replying,
-M

[Lauri Raittila]

in comp.infosystem s.www.authoring.stylesheets, me*********@yah oo.com
wrote:

Jim Moe wrote:

Spartanicus wrote:

http://homepage.ntlworld.com/spartanicus/temp.htm
Brilliant! Thank you. I'll get a grip on CSS someday.

It looks great and in a pinch I'll take it (thank you), but the W3C CSS
validator is complaining about the display directive in the CSS:

"Line: 10 Context : #gallery span
Invalid number : display inline-block is not a display value :
inline-block "

CSS validator is out of date (for reason). CSS21 where inline-block is
first mentioned is not yet Rec. CSS2 is REC but less supported than
CSS21.
Or, perhaps more importantly, how does this
repetition of the CSS "display" directive deceive the browsers?

I think I already answered that.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.
Support me, buy Opera:
https://secure.bmtmicro.com/opera/bu...tml?AID=882173

[Del Ferguson]

Spartanicus wrote:

Jim Moe <jm************ ***@sohnen-moe.com> wrote:

[centered image gallery with captions]

So, in this instance, a table is a superior choice for presenting that
data. If there is a equally valid non-table solution, please demonstrate
it or provide a link to its description.

http://homepage.ntlworld.com/spartanicus/temp.htm

I tried the above example, without any CSS changes, with my images and
found that IE6 displayed each image at the top of the "row" and FF
displayed each image at the bottom of the "row." What CSS will
vertically center variably-sized images in both IE6 and FF? Do I have
to "box" each image and use a hack or should I just stick with a table?
Thanks in advance for any help you can give me?

Del Ferguson