www.webdeveloper.com
Results 1 to 2 of 2

Thread: trouble styling ULs

  1. #1
    Join Date
    Feb 2009
    Posts
    22

    trouble styling ULs

    I'm not a CSS guru and I'm having a small problem with this styling. The ULs are floated left and the whole box is dynamic. Theres no way to tell how big any UL list will be and they can grow or shrink.

    I'm almost there but I can't get the ULs to hug the bottom of the one above. Any help appreciated, thanks in advance.

    http://jglasman.name/temp/footer.html

    See this image for what I mean
    http://jglasman.name/temp/footer.PNG

  2. #2
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    Code:
    #bigFoot ul li {
    	line-height: 22px;
    	clear: both;
    	white-space: nowrap;
    }
    This is the issue, as well as the order you've coded them. They are "tiling" horizontally, but then when the end of the line is reached, they are beginning a new line based upon the length of the longest <ul> in the previous list.

    I suggest you change the order, and place them in divs acting as column containers.
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles