[thelist] Suckerfish Dropdown Menus - How do they work?

[david.landy at somerfield.co.uk]

Simon,

Thanks so much for your help with this. I really appreciate you taking the
time and trouble to code this page for me. I'm *beginning* to understand
this positioning thing with css2 but it's slow going... i feel so stupid!

David.



-- 
David Landy, IT Consultant, Business Intelligence
Somerfield/KwikSave Support Centre
Whitchurch, Bristol, UK. Tel: 0117 301 8977
david.landy at somerfield.co.uk <mailto:david.landy at somerfield.co.uk>    
 
"...Our deepest fear is not that we are inadequate. Our deepest fear is
that we are powerful beyond measure." - From A RETURN TO LOVE by
Marianne Williamson © 1992	


-----Original Message-----
From: Simon Perry [mailto:thelist at si-designs.co.uk]
Sent: Tuesday, 20 April 2004 11:36
To: thelist at lists.evolt.org
Subject: Re: [thelist] Suckerfish Dropdown Menus - How do they work?


david.landy at somerfield.co.uk wrote:

>Thanks, Simon. Unfortunately I can't get anything onto an external website
>but here's the code I have cobbled together so far (see below). It's
nothing
>to do with Suckerfish any more, but still!
>
>It's designed to have four overlapping layers, containing the different
>submenus, which are made visible/invisible when the user hovers over the
>relevant image.
>
>The two issues I still have are:
>
>1. How do I get the submenus to appear at exactly the same position, top
and
>left?
>  
>
absolute positioning

>2. How can I replace my ugly table with css layout?
>  
>
Use a nested list

>Thanks in advance for all help offered.
>
>David.
>
>Code:
>
>  
>
David,

I have had a go[0] at recreating your original concept[1] using css and 
javascript, no tables. I have kept things as simple and semantic as 
possible, the html is a single containing div and a nested list, while 
also making sure that the page degrades gracefully if CSS and/or 
JavaScript are not supported. Of course if you wanted rounded corners or 
any other whistles and bells then some additional markup would be 
required. The CSS and JavaScript are in the source for ease of viewing.

I have tested in WinXP IE 5, 5.5, 6, Opera and FireFox but I would be 
interested to know how Mac browsers fare?

Simon

[0] http://www.si-designs.co.uk/scratch/landy.html
[1] http://www.si-designs.co.uk/scratch/landy-original.html
-- 
* * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester 
and archives of thelist go to: http://lists.evolt.org 
Workers of the Web, evolt ! 
 
If you are not the intended recipient of this e-mail, please preserve the
confidentiality of it and advise the sender immediately of any error in
transmission. Any disclosure, copying, distribution or action taken, or
omitted to be taken, by an unauthorised recipient in reliance upon the
contents of this e-mail is prohibited. Somerfield cannot accept liability
for any damage which you may sustain as a result of software viruses so
please carry out your own virus checks before opening an attachment. In
replying to this e-mail you are granting the right for that reply to be
forwarded to any other individual within the business and also to be read by
others. Any views expressed by an individual within this message do not
necessarily reflect the views of Somerfield.  Somerfield reserves the right
to intercept, monitor and record communications for lawful business
purposes.