[thelist] LI and float: left Question

Will willthemoor at gmail.com
Wed Jan 13 18:08:09 CST 2010


Set the ul to the total width of all of the <li>s. you already have the
containing div set up to hide the overflow. works in firebug anyway.

Will

On Wed, Jan 13, 2010 at 2:05 PM, Jay Turley <jayturley at gmail.com> wrote:

> Hi-
>
> I need to know if there is a way to stop left-floated elements in a
> div from wrapping when they pass the edge of the div.
>
> Essentially I have a UL of LIs which are all 200px wide. The UL is in
> a DIV which is 600px wide and has CSS of { overflow: hidden; }. Each
> LI has CSS of { float: left; display:inline }.
>
> The float:left is necessary because of some other HTML which isn't
> important here (if I can't solve the problem the wayI'd like to, I'll
> end up redoing the whole thing).
>
> What I want to do is ensure the UL does not wrap inside the DIV.
> Unfortunately, because of the behavior of floated elements, I can't
> figure out how.
>
> The page is here:
>
> http://esceeproperties.com/escee_new/listings.asp
>
> The idea is that the scroller at the bottom will enable scrolling
> through the UL by 3 LI at a time.
>
> Thanks for any help!
>
> -Jay
> --
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
>


More information about the thelist mailing list