Posted by dorayme on 03/19/06 04:00

In article <ada41$441c6628$cf704e6e$15721@PRIMUS.CA>,
Carolyn Marenger <cajunk@marenger.com> 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

[Back to original message]