Previous Message
Next Message

Pure CSS Flyout demo [needs acid testing]

Sent by Big John on 25 February 2005 23:11


http://positioniseverything.net/css-flyout.html

Gunlaug Sørtun wrote:

> Question: can you easily scale width to go with font-resizing on those
> nav-containers-- using ems-- without breaking something else?

Philippe pointed out that EM box sizing can prevent these problems,
ans I think he's right, there ought be no problem converting the px
box widths to EMs, altho this will allow the old IE box model to 
become a problem, unless EM based borders work okay? However, minimal
borders only slightly disarrange the boxes in IE5.5, so that's not 
a big issue.

I've also just had the idea of making the flyout ul's invisible
and keeping the borders and coloring entirely on the LI's. This 
would allow the ul to be padded so that the flyout is bigger than 
it appears. This would make the system more forgiving for those with 
shaky mouse hands. Not as good as the DOM nav persistence delay, but
better than nothing. 

Also, it should be possible to have the parent li aquire a bottom
padding (in conjunction with borders/background entirely on the 
nested link) which would push down the remainder of that nav level,
making extra space below the hovered parent that the user could 
safely stray into while heading diagonally toward the flyout.

:-)

Big John



=====
-- 
Perennial student + Impractical joker + CSS junkie = Big John
<http://www.positioniseverything.net>


		
__________________________________ 
Do you Yahoo!? 
Yahoo! Sports - Sign up for Fantasy Baseball. 
http://baseball.fantasysports.yahoo.com/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: