Previous Message
Next Message

Please help! (message reposted)

Sent by Chris Heilmann on 11 August 2004 10:10


> Hello all
>
> I'm reposting my message of two days ago with a sincere plea that
> someone helps.  Was my request too general or too dumb or too
> time-consuming?  I know that most of you are web professionals and that
> even most of the newbies are migrating from tables.  I have no-one to
> turn to, as I live in the middle of the French countryside and almost
> nobody here has even heard of CSS let alone use it.  I WILL get better
> eventually and hope to help others, in France if not on this list,
> because I am totally convinced that CSS is the way forward, despite
> browser vagaries.

The problem that you are facing is that Internet explorer only applies
:hover to links, not to LIs, which is what you really need for this kind
of effect. Currently using CSS for flyout navigation is not a viable
alternative to scripting, as great an idea as it may be, for several
reasons:

1) It makes a navigation mouse dependent - hover is not triggered by
tabbing to the element.
2) CSS can only show and hide elements nested in the element you hover over
3) I can test for scripting, and only hide the elements when it is
possible to show them again. With CSS I need to know that the user agent
is able to show the elements, which, in your case, IE cannot (You could
only apply the   CSS to hide the sub navigation via CSS hacks though).
4) You can allow the user not to collapse elements via scripting,
something that is not possible when using only CSS.

An O.K. alternative which mixes scripting and CSS is son of suckerfish:
http://www.htmldog.com/articles/suckerfish/dropdowns/

I recently collected some of the pros and cons of dynamic elements, and I
am grateful for any feedback on that:

http://www.icant.co.uk/forreview/dynamicelements/

-- 
Chris Heilmann
The mighty pen: http://icant.co.uk/
Learn to let go! http://ltlg.icant.co.uk
Binaries: http://www.onlinetools.org/

______________________________________________________________________
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: