SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    Huh? What now? tntcheats's Avatar
    Join Date
    Aug 2003
    Location
    BC, Canada
    Posts
    719
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Horizontal lists, definite width containers and font size.

    I found the solution. I had unwittingly made each LI floated to the left, which in short was a stupid idea that futzed everything up.

    Now while it doesn't look quite as pretty as I'd like it to when the font size goes too large, it's bearably ugly. And still functions all right.

    [my default browser is Firefox 0.9.3]

    Horizontal lists, definite widthed divs, and font size.
    That's my deadly combination.

    I have a layout in which there is a 768px wide div, in which there is a list which I've made display horizontally. And I have an issue with font size, because when I increase my font size, the right side of the list jumps down below the rest of it, and the div containing the list doesn't expand to hold this text, and therefore it goes down to where my left navigation is, and this pushes my 2nd navigation (which is floated) to the right, my (also floated) content area down below my 2nd navigation, and just generally makes a big mess of things.

    Is there any way to either make the div expand to hold the list when the font size is increased?

    Thanks guys/gals
    Last edited by tntcheats; Aug 22, 2004 at 02:12.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,296
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    There are some things you can do to tidy up horizontal inline lists but its not as easy as styling floats (or block level elements).

    Without a link I can't offer any specific advice but heres an example of an inline list that may give you some ideas.

    http://www.pmob.co.uk/temp/hozinlinemenu.htm

    Paul


Bookmarks

Posting Permissions

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