Sent by Chris W. Parker on 4 February 2005 21:09
Jody Cleveland [EMAIL-REMOVED]>
on Friday, February 04, 2005 11:39 AM said:
> Hello,
>
> I've got a simple page here:
> http://www.wals.lib.wi.us/forms/front.html
>
> It has a menu/ list like the one listed at alistapart:
> http://www.alistapart.com/articles/taminglists/ (at the bottom)
>
> I love how it's styled, but for the life of me, I can't seem to get it
> to display horizontally. I've tried adding:
>
> #button ul li { display: inline; }
>
> But, all that does is remove the small bottom border for each list
> item.
>
> I know it's got to be something simple that I'm missing. I'd
> appreciate any help any of you can provide.
Jody, you're copying a list style which was not meant to be displayed
inline. That's why there are no 'display: inline;' definitions found in
the original ALA code.
#button li a has 'display: block;' in it, and that's definitely
hindering what you want. Another thing that's messing you up is the "<br
/>" elements in your HTML. And because of this you won't achieve what I
think you want with display: inline;. You want 'li { float: left; }'.
My suggestion to you is to start from scratch and slowly add each
definition one by one until your list goes south. Then you can learn
what it causing it to not work the way you are expecting it to.
HTH,
Chris.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
