Sorry I wasn’t clear on the second point.  The Menu-Item borders produce the bevelled effect on the menu I believe.  Because you have specified a height AND line-height of 20px, the borders are always 20px apart.  If the List item height were either auto or specified in EM (say 1.3EM), the menu would look better at different text-sizes because the menu-item borders would fit better.

 

Stephen

 


From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of csslist
Sent: 25 November 2005 00:50
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] menu suggestions and problems

 

I dont know, not sure how to do that but I will look it up.
I cant scale the bg to fit because its a one piece fixed size bg
thanks


From: "Stephen Stagg" <[EMAIL PROTECTED]>
Sent: Thursday, November 24, 2005 7:25 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] menu suggestions and problems


Could you use the _javascript_ getComputedStyle() function on an interval loop
to test for Text-size and if the Text size was too great then the Menu's
class could be changed to one with overflow:scroll.
(Source: http://groups.yahoo.com/group/wdf-dom/message/3820)
Also if you define you DL height in EM (or not at all) then when the
text-size is increased, the background will scale to fit.

Stephen

________________________________________
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of csslist
Sent: 24 November 2005 23:51
To: wsg@webstandardsgroup.org
Subject: [WSG] menu suggestions and problems

look at my menu
http://65.36.226.10/content/catalog.cfm

which is fine until you increase the browsers text size to large then
thereare some problems such as overflowing and such and if you use overflow
it adds scrollbars even when it's technically not overflowing.

Anyone have any good suggestions for this?

tia

dave

******************************************************
The discussion list for http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************

Reply via email to