Hello all,
You all have been extremely helpful in the past, and I have my fingers
crossed for this one. I hope I am just missing something.
I have the following html (for an orgchart - have changed the info to
protect the innocent):
<ul id="admin">
<li>0100 Rm 444 Administrative Office</li>
<li>Chief: Hewey Lewy</li>
</ul>
<ul id="div_chief">
<li>0400 Rm 436</li>
<li>Francisco Barney</li>
<li>Sam Sancisco</li>
</ul>
<ul id="admin2">
<li>0300 Rm A4 Administrative Office #2</li>
<li>Sec: Bobby Fischer</li>
<li>621-8142</li>
<li>Tarby L.</li>
<li>Frank Manny</li>
</ul>
And what I want is to have the uls displayed across the screen
horizontally, instead of falling one under the other (vertically). I have
tried
ul {display:inline;}
but it doesn't seem to do anything. I have also tried wrapping a div
(id="container") around the the uls, and then using the following
#container ul {display:inline;}
but also to no avail.
I am looking for a no-float solution. I am avoiding floats on purpose
because of difficulties when printing.
Basically I just want to display these block elements inline. Please tell
me what I am missing (it's probably right under my nose...).
Thank you in advance,
John
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
