473,549 Members | 2,822 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

<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

Feb 16 '06 #1
32 10581
Thu, 16 Feb 2006 16:26:41 +0100 from Mark <sc*****@xs4all .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
Feb 16 '06 #2
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.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Feb 16 '06 #3
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...

Feb 16 '06 #4
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

Feb 16 '06 #5
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

Feb 16 '06 #6
Thu, 16 Feb 2006 18:17:22 +0100 from Mark <sc*****@xs4all .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
Feb 16 '06 #7
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.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Feb 16 '06 #8
Stan Brown wrote:
Thu, 16 Feb 2006 18:17:22 +0100 from Mark <sc*****@xs4all .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

Feb 16 '06 #9
Re: http://www.keyone.nl/lab/grunopark/basis.asp
Mark <sc*****@xs4all .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, mc****@stanford alumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp. com, http://www.HTMLHelp.com/

"Do not look where you fell, but where you slipped." - African Proverb
Feb 16 '06 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
6875
by: Michael | last post by:
This is a two-part question to which I haven't been able to find an answer anywhere else. 1. Is it possible to format the bullet/number character of the <li>? In my styles sheet, I have the <li> tag formatted, for example, bold. However, when it's applied, the number of the <li> is not bold, but the text is. Do I have to apply the bold to...
4
9525
by: Matt | last post by:
Hi, Got an unordered list with 100% width, with 5 list items of 20% width styled to fill the width of the container element. Renders fine in Mozilla, but when you change the size of the window in IE, the last item in the list has a nasty tendency to wrap down to the next line (and stay there). I can hack it (imperfectly) by setting the...
4
2202
by: abs | last post by:
Anybody has an idea how to get the <ul> element which is not nested in <li> element ? In other words I have several lists like this: <ul id="1"> <li>Aaaaaaaa</li> <li>Bbbbbbbb</li> <li>Cccccccc <ul> <li>111111</li> <li>222222</li>
2
7621
by: Shaun | last post by:
Hello! I have a quick question regarding CSS and having it applied to all elements. I am trying to eliminate the gap between a paragraph and a list that usually occurs in html and I've found away to do that with this code: <p>a</p> <ul style="margin-top: -20; padding-top: 0"> <li>1</li>
2
2567
by: Andrew Donaldson | last post by:
I'd welcome some help in understanding what's going on with graphical browsers in the navigation list at: http://www.bounceandtickle.org.uk/index.html (This site is not about what it might seem from the URL!) I'm using a <ul> for the gimmicky teddy bear links. The teddy is a background image for each <li>. Each link 'button' is an <a>...
24
3054
by: JB | last post by:
Hi All, This is doing my head in! Please help. I've built a simple <ul> to serve as a menu for a page I'm working on. I have tested the menu in Mozilla Fireworks 1.5 and it's fine - nice and compact with no extra spacing - but in Microsoft Internet Explorer 6 there are huge gaps between each list item. URL...
5
4470
by: Syl | last post by:
Hello experts!! The top menu navigation bar displays perfectly in IE, but does not display properly in Mozilla or Netscape : http://checkeredshirt.com/textonly.html For some reason the non-IE browers are forcing the top navigation menu to dislpay "staggered" after the the first <ul><lielement. Can anyone see why this is happening ?
3
25176
by: smitb | last post by:
Hi, I am a CSS/HTML novice. Can anyone please answer my question. I am trying to insert a small image(an arrow) within an <li> tag. My problem is that I cannot right align the image. Here is what I am trying to do. <div class="menu"> <ul> <li><a href="link_path">Display text<img src="flyout_arrow.gif" width="4" height="7" border="0"...
2
7047
by: GloStix | last post by:
For some reason, FF likes to put a black underline on all my buttons. No matter what I do, it has the line I've tried displaying as block and cursor, anything.. Also I've been trying to get it so the entire block is clickable, not just the text. I've sorta got it so it's clickable, just some parts of the button I still can't click on. The...
0
7551
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7750
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
0
7991
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
0
6084
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
1
5396
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
5118
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3524
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
0
3503
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
0
790
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.