Member Avatar for OmniX

I saw the post below about a hover menu, wasnt sure if he wanted a vertical or horzonital one.

I require a horzonital one.

Can anyone help me?

THanks, Regards X

Note: Yes I need it compliant with firefox and internet explorer

  • 2 Contributors
  • 4 Replies
  • 91 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by macneato

Dani AI

Generated

requested a horizontal hover menu with popups for Firefox and Internet Explorer; offered a tutorial but it did not work for . A solid, cross-browser pattern is to keep the markup semantic (nav > ul > li > a, with a nested ul for each popup) and rely on CSS positioning plus minimal, focused fallbacks for older IE.

A typical implementation approach: make top-level li elements horizontal with float:left or display:inline-block; give each top-level li position:relative; make the nested ul position:absolute (usually top:100%, left:0) and hide it by default, then reveal on li:hover and li:focus-within. Ensure the a inside the li is display:block so the hover target fills the item. Watch for layout killers: a missing standards DOCTYPE (quirks mode), an ancestor with overflow:hidden that clips the popup, and unexpected stacking contexts from positioned ancestors that can break z-index.

Common compatibility notes and fixes: legacy IE6 only supports :hover on anchors (a small JS class-toggle or targeting the anchor hover can be used there); modern accessibility needs keyboard support (use :focus-within or manage focus to toggle visibility) and ARIA attributes (aria-haspopup, aria-expanded) per the WAI-ARIA menu pattern. For reference see MDN :hover and WAI-ARIA Authoring Practices — Menus.

Recommended Answers

All 4 Replies

Member Avatar for macneato

Hi,

Found a nice little tutorial for you:

Should give you all the info you need, plus you might actually learn something.

All the best

Member Avatar for OmniX

Ya I found that one had a few problems with it wouldnt work for me :(

I have found something simpler its working for the time being so thanks anyways :)

Member Avatar for OmniX

Note: I still need to find a horzonital menu that contains pop ups :(

Member Avatar for macneato

Ok, I'm willing to help you out. But i will your source.

Then from there i will see what i can do.

How does that sound?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.