Renegade — Thu, 01 Dec 2005 23:41:57 +0000

There is an article on Alistapart on what you're trying to do:
http://www.alistapart.com/articles/layeredfudge/

accessko — Thu, 01 Dec 2005 23:02:17 +0000

I just edit it. I think that it is valid now, Roo.

robfenn — Thu, 01 Dec 2005 23:01:41 +0000

Haven't you answered your question there Roo? It must close to be valid.

Roo — Thu, 01 Dec 2005 18:49:46 +0000

Just curious...does it validate that way? I mean wrapping with

with no closing tags in the parent ul container?

accessko — Thu, 01 Dec 2005 18:18:00 +0000

Thx,

I try that, but not with enough satisfaction.
But when I test it wiht more unordered list's I came with a conclusion
that it will work when I see the

CSS- code
ul li {display: inline;}

(X)HTML-code

<ul>
<li>LIST A1</li>
<li>LIST A2</li>
</ul>
<ul>
<li>LIST B1</li>
<li>LIST B2</li>
</ul>
<ul>
<li>LIST C1</li>
<li>LIST C2</li>
</ul>
<ul>
<li>LIST D1</li>
<li>LIST D2</li>
</ul>

The output is:

    
    * LIST A1     * LIST A2
    * LIST B1     * LIST B2
    * LIST C1     * LIST C2
    * LIST D1     * LIST D2
   

So you can use float to work this out, thx Renegade.
And you can do it wiht inline.
I'm happy again.

02bunced — Thu, 01 Dec 2005 17:29:44 +0000

try

ul li {display: inline; }

accessko — Thu, 01 Dec 2005 09:35:52 +0000

Thx,
it works. I had to make some changes but it seems to work fine in Firefox, Opera and
even IE.
I thought that It will work with inline but it seems that it does't. Oke Thx.

Renegade — Thu, 01 Dec 2005 09:02:40 +0000

You'll probably want to float them. One to the left, and one to the right.

If that doesn't work, try putting them inside a DIV and then floating the DIVs.