horizontal menu line wrapping issue

Discussion in 'HTML' started by Carolyn Marenger, Mar 18, 2006.

  1. I can't get my head around a line wrapping problem. I have a horizontal
    menu in which each link is a clickable box. When there are enough items in
    the menu, the boxes wrap to the next line. The problem is, there is not
    enough vertical distance between the lines, resulting in boxes that
    overlap.

    Before you go further - I know, the colours are a bit on the glaring side.
    I am working on the layout, then I will make it a little more asthetic.

    http://www.marenger.com/provinggrounds/horizmenu.html

    Thanks!

    Carolyn
    --
    Carolyn Marenger
     
    Carolyn Marenger, Mar 18, 2006
    #1
    1. Advertising

  2. Carolyn Marenger

    Spartanicus Guest

    Carolyn Marenger <> wrote:

    >I can't get my head around a line wrapping problem. I have a horizontal
    >menu in which each link is a clickable box. When there are enough items in
    >the menu, the boxes wrap to the next line. The problem is, there is not
    >enough vertical distance between the lines, resulting in boxes that
    >overlap.


    http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height

    --
    Spartanicus
     
    Spartanicus, Mar 18, 2006
    #2
    1. Advertising

  3. Re: horizontal menu line wrapping issue - It is working now.

    Thanks, it is now working.

    Carolyn
    --
    Carolyn Marenger
     
    Carolyn Marenger, Mar 18, 2006
    #3
  4. Spartanicus wrote:

    > Carolyn Marenger <> wrote:
    >
    >>I can't get my head around a line wrapping problem. I have a horizontal
    >>menu in which each link is a clickable box. When there are enough items
    >>in
    >>the menu, the boxes wrap to the next line. The problem is, there is not
    >>enough vertical distance between the lines, resulting in boxes that
    >>overlap.

    >
    > http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height
    >


    Thanks, I figured it would be something that simple. One day, I expect to
    know the whole standard - by then it will probably be out of date. :)

    Carolyn
    --
    Carolyn Marenger
     
    Carolyn Marenger, Mar 18, 2006
    #4
  5. Carolyn Marenger

    dorayme Guest

    In article <ada41$441c6628$cf704e6e$>,
    Carolyn Marenger <> wrote:

    > I can't get my head around a line wrapping problem. I have a horizontal
    > menu in which each link is a clickable box. When there are enough items in
    > the menu, the boxes wrap to the next line. The problem is, there is not
    > enough vertical distance between the lines, resulting in boxes that
    > overlap.
    >
    > Before you go further - I know, the colours are a bit on the glaring side.
    > I am working on the layout, then I will make it a little more asthetic.
    >
    > http://www.marenger.com/provinggrounds/horizmenu.html



    Yes, this was an issue that was troubling me too in a different
    thread, I used line-height in the css to control this behaviour
    and also hopefully to try to control the length of the vertical
    border, acting as separator. It was good for former to make
    things more graceful on wrap but I am still not quite pleased
    with the height (it is too tall!) The two aims seem to clash re a
    line heighty solution. Bigger line height gives more grace on
    wrap but exacerbates the separator height issue. I need to think
    more about this.

    http://dorayme.150m.com/test/waywardKing.html

    But I am not totally happy, I think I was getting more graceful
    looks in the old way I used to do this: by "|" (the shift + \
    key) which was letter height and just what I wanted! But I have
    already had a late night knock on the door from the new css/html
    police and prefer to avoid a repeat...

    --
    dorayme
     
    dorayme, Mar 19, 2006
    #5
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. itzikkl
    Replies:
    0
    Views:
    5,785
    itzikkl
    Mar 27, 2005
  2. Emil
    Replies:
    1
    Views:
    537
    Manuel Ricca
    Dec 11, 2007
  3. Philip
    Replies:
    1
    Views:
    324
  4. Hoa

    Horizontal menu with same width menu items

    Hoa, Aug 30, 2006, in forum: ASP .Net Web Controls
    Replies:
    0
    Views:
    274
  5. Arnold Shore

    Horizontal 2-line Menu?

    Arnold Shore, Mar 26, 2006, in forum: Javascript
    Replies:
    1
    Views:
    94
    Evertjan.
    Mar 26, 2006
Loading...

Share This Page