Previous Message
Next Message

Pure CSS Flyout demo [needs acid testing]

Sent by Big John on 1 March 2005 03:03


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

Ben Curtis wrote:
> Give the li some padding to create a buffer zone for wobbly/direct 
> mousers. Give the li a negative margin, so that these adjacent li 
> buffer zones overlap. Give the parent ul a z-index of 0 to establish a 
> new stacking context[1], and give the descendant li a low z-index. On 
> hover, give the li a higher z-index than all of its siblings, to 
> guarantee that its padding is above everyone nearby.

it's the UL flyout children that needed the padding zones, and 
I had to wrap them in divs to do that. 

> Also, I have an idea about your Javascript key-command 
> style switcher, such that it wouldn't require an extra link css call. 
> Contact me offlist.

Cool! :-)

Big John



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


		
__________________________________ 
Do you Yahoo!? 
Yahoo! Mail - Easier than ever with enhanced search. Learn more.
http://info.mail.yahoo.com/mail_250
______________________________________________________________________
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: