<li> height is to big

Hi there

I am using <li> tags for my menu.

<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>

In a CSS i define the menu.

In IE i can not get the text closer to each other. I mean the one
beneath the former menu item should be a bit closer to this former item.
In firefox it works, but in IE it does not.

Here is my page:

http://www.keyone.nl/lab/grunopark/basis.asp

I did not do the artwork so i am not responsable for the small font-size
and the designer wants to have the total menu on the screen.

Anyone an idea?

I hope you understand my (crappy english) question.

Thanks,
Mark

Thu, 16 Feb 2006 16:26:41 +0100 from Mark <scheper (AT) xs4all (DOT) nl>:

the designer wants to have the total menu on the screen.

The only possible answer is "stop wanting that". Your dee-zigh-ner
cannot control the size of the browser window (window, _not_ screen).

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you

kchayka wrote:

Mark wrote:

http://www.keyone.nl/lab/grunopark/basis.asp

I did not do the artwork so i am not responsable for the small font-size
and the designer wants to have the total menu on the screen.


Hmmm... your deezyner thinks he can force me to use a font-size I find
unreadable? Tell him to get a clue, eh?

With my larger-than-average text size several items in the menu
word-wrap to 2 lines, causing clipped text. Plus with line-height:0 the
text looks all squished up, making it rather less readable than it could
be. I don't speak the language, so I don't know if the clipped text
makes the menu (partly) unusable or not. It is suboptimal, for sure. It
looks like you're trying to force a size 10 foot into a size 5 shoe. It
can't work, and it looks bad.

Lesson for the day: The author has no control over the user's browsing
environment. Might as well get used to that concept right now, and save
yourself a whole lot of frustration and failure.

As for the list spacing in IE, in this case it actually improves
readability, at least for those links that don't have a word-wrapping
problem.

Yep, you're right. But that does not solve my problem.
I did inform the designer and the client. But they do not care...

Mark wrote:

Hi there

I am using <li> tags for my menu.

ul
li>item 1</li
li>item 2</li
li>item 3</li
/ul

In a CSS i define the menu.

In IE i can not get the text closer to each other. I mean the one
beneath the former menu item should be a bit closer to this former item.
In firefox it works, but in IE it does not.

It looks much better in IE. It would look better if the font were larger
so it wouldn't look so jagged.

Here is my page:

http://www.keyone.nl/lab/grunopark/basis.asp

I did not do the artwork so i am not responsable for the small font-size
and the designer wants to have the total menu on the screen.

Is this the same designer who thinks that brown (?) lettering on a
saturated pink background is readable? It's very hard on the eyes.

Tell the designer that the total menu isn't on the screen in Firefox
either. The designer has no idea how high my browser window will be.

Anyone an idea?

I wonder if IE understands the height property when applied to an LI.

I hope you understand my (crappy english) question.

Thanks,
Mark

Harlan Messinger wrote:

Mark wrote:

Hi there

I am using <li> tags for my menu.

ul
li>item 1</li
li>item 2</li
li>item 3</li
/ul

In a CSS i define the menu.

In IE i can not get the text closer to each other. I mean the one
beneath the former menu item should be a bit closer to this former
item. In firefox it works, but in IE it does not.


It looks much better in IE. It would look better if the font were larger
so it wouldn't look so jagged.


Here is my page:

http://www.keyone.nl/lab/grunopark/basis.asp

I did not do the artwork so i am not responsable for the small
font-size and the designer wants to have the total menu on the screen.


Is this the same designer who thinks that brown (?) lettering on a
saturated pink background is readable? It's very hard on the eyes.

Tell the designer that the total menu isn't on the screen in Firefox
either. The designer has no idea how high my browser window will be.


Anyone an idea?


I wonder if IE understands the height property when applied to an LI.


I hope you understand my (crappy english) question.

Thanks,
Mark

Ah, what i meant with the total menu on the screen is not if you can see
all of it (would be nice though), but all the items must show (you can
scroll for some items). That is there already. Now i like to try (well,
the designer wants to) to get the menu-items closer to each other. But
if this is possible at all i don't know. If not, i will have to argue again.

Thanks

Thu, 16 Feb 2006 18:17:22 +0100 from Mark <scheper (AT) xs4all (DOT) nl>:

Yep, you're right. But that does not solve my problem.
I did inform the designer and the client. But they do not care...

So how would you deal with a client who said "I don't want to hear
about gravity, this thing has to float without any power source!"

Sorry, but part of your job is explaining the realities to them. If
they want what is impossible (not just expensive, impossible) you
need to make them see reason. I don't say it will be easy or
pleasant...

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you

Stan Brown wrote:

Thu, 16 Feb 2006 18:17:22 +0100 from Mark <scheper (AT) xs4all (DOT) nl>:

Yep, you're right. But that does not solve my problem.
I did inform the designer and the client. But they do not care...


So how would you deal with a client who said "I don't want to hear
about gravity, this thing has to float without any power source!"

Sorry, but part of your job is explaining the realities to them. If
they want what is impossible (not just expensive, impossible) you
need to make them see reason. I don't say it will be easy or
pleasant...

I think you are confused. Perhaps because of my english.
It is possible to show the menu as you can see. Problem is the font size
and, what the question is about: how to get those (perhaps unreadable
menu items) closer to each other.

Mark

kchayka wrote:

Harlan Messinger wrote:

I wonder if IE understands the height property when applied to an LI.


IE has known problems spacing list markup containing a{display:block}.
There are multiple ways around it. google if you're interested.

As for honoring height, IE's broken overflow behavior won't allow it, at
least not by default. MS is apparently going to correct that with IE7.

Found it, thanks.

<li>
display: inline;
</li>

In message <43F4DA48.30307 (AT) xs4all (DOT) nl>, Mark <scheper (AT) xs4all (DOT) nl> writes

Stan Brown wrote:
Thu, 16 Feb 2006 18:17:22 +0100 from Mark <scheper (AT) xs4all (DOT) nl>:

Yep, you're right. But that does not solve my problem.
I did inform the designer and the client. But they do not care...
So how would you deal with a client who said "I don't want to hear
about gravity, this thing has to float without any power source!"
Sorry, but part of your job is explaining the realities to them. If
they want what is impossible (not just expensive, impossible) you
need to make them see reason. I don't say it will be easy or pleasant...


I think you are confused. Perhaps because of my english.
It is possible to show the menu as you can see. Problem is the font
size and, what the question is about: how to get those (perhaps
unreadable menu items) closer to each other.

Mark

In better browsers (Opera, Firefox) they already overlap in places....

--
Chris Hughes
"Reality is that which, when you cease to believe, continues to exist."
http://www.epicure.demon.co.uk

Re: http://www.keyone.nl/lab/grunopark/basis.asp
Mark <scheper (AT) xs4all (DOT) nl> wrote:

It is possible to show the menu as you can see. Problem is the font size
and, what the question is about: how to get those (perhaps unreadable
menu items) closer to each other.

How much closer do you want them to be? I enforce a modest minimum font
size (12px), and several of them are overlapping each other.
--
Darin McGrew, mcgrew (AT) stanfordalumni (DOT) org, http://www.rahul.net/mcgrew/
Web Design Group, darin (AT) htmlhelp (DOT) com, http://www.HTMLHelp.com/

"Do not look where you fell, but where you slipped." - African Proverb