Forum Moderators: not2easy

Message Too Old, No Replies

make a list display inline (horizontally) in IE4/NS4?

it doesn't seem to work in NS4 :(

         

indiechild

12:29 am on Dec 6, 2002 (gmt 0)

10+ Year Member



(typo: I meant to say, it doesn't work in IE4)

OK I've been trying to get a list (menu items) to display horizontally instead of vertically. I've been using display: inline but it doesn't seem to work in IE4 :(

this is a real bummer since a list is the most semantically correct way to do a regular navigation menu... however it would looks heaps better and conserve screen space if it could be displayed inline.

Does anyone know a way to get it to work in IE4?

seindal

12:44 am on Dec 6, 2002 (gmt 0)

10+ Year Member



If I recall correctly, a list has a special display mode, "display: list", so I don't think you can get a list to display inline and remain a HTML list. Bullets and automatic numbering would disappear.

René.

holly

3:05 am on Dec 6, 2002 (gmt 0)

10+ Year Member



You can actually display links inline, though I am not recalling what happens in NN4. They are still lists. If XHTML2.0 ever gets around to being used, there is even more in store for links, including collapsing under a main group link for hiding and unhiding... much like tree directories and folders.

More information about what can be done with lists and CSS is here:

CSS Design: Taming Lists [alistapart.com][by Mark Newhouse at A List Apart]

Covered: Making link lists appear like tabbed folder tops, breadcrumbs, using characters instead of bullets, generating characters before list items... etc...

Following the piece is a discussion where one may pick up a few more tips or ideas about links in lists.

holly

[I am not sure which or what is supported where, but I do recall he mentioned that under each example.]

*Added after posting ... you can also display a list as display: inline NN4 is funky about display inline on many things including images though.