[thelist] Help with CSS vertical alignment of menu items

Bill Moseley moseley at hank.org
Sun May 3 09:44:56 CDT 2009

On Sat, May 02, 2009 at 11:04:34PM -0700, Will wrote:
> On Sat, May 2, 2009 at 7:28 AM, Bill Moseley <moseley at hank.org> wrote:
> > To make the entire height of the <li> click-able I have used "display:
> > inline-block".  I initially used just "display: block" but that did
> > not work in IE6.
> >
> > But "inline-block" is not supported in FF2 (not that anyone still uses
> > it).  Should I just use both?
> If you set the anchors to display: block and float them as well you
> should be all set.

Does that makes sense?  I've got an <li> with a solitary <a> child element.
Why does floating make that work?

I kind of thought using inline-block made sense (for IE) since it seems to be
specific for elements that are normally inline (although simply display: block
seems pretty explicit).

CSS still seems to be very much in the "art" phase.

> I think this is pretty much the best article on font sizes on the web:
> http://www.alistapart.com/articles/howtosizetextincss

Thanks.  I've read that before and again just now.  I tend to avoid px
measurements for the reasons explained, and also because I know from my own
machines that the size of a pixel can vary quite a bit based on dpi.

Where I'm less sure is for a case like this where I have a background image of
a specific height (in pixels, of course) where the text should size with the
background..  Luckily, modern browsers are now zooming both text and graphics
together.  (And I have played with sizing images in relative units, too.)

>From my aging parents I know how hard it is for them to use the web designed by
all those young eyes.

In the version using em's <http://hank.org/banner/index2.html> I know it is
more accessible, but at a point the menu will break badly.  For the px-sized
version I know some people won't be able to read it.  Not too long ago I had
this debate on a site with an older demographic and we decided to use em's and
create the menu in a table to allow resizing w/o breaking the layout.

Again, this may be moot with zooming features of modern browsers, and I wonder
with zooming available if, in the end, pixels may not be the correct choice.
Designers get their pixel-perfect layout and end users just zoom to actually be
able to read the damn thing. ;)

Bill Moseley.
moseley at hank.org
Sent from my iMutt

More information about the thelist mailing list