Re: Menu is not overlapping content area and width of menu is not accomodating width of its content

In article
<doraymeRidThis-9FF58C.09561716102007@xxxxxxxxxxxxxxxxxxxxxxxx>,
dorayme <doraymeRidThis@xxxxxxxxxxxxxxx> wrote:


I have put up at

<http://netweaver.com.au/dropdownMenus/dropdown.html>

an example of a dropdown menu. It may help you to see how to do
it. The javascript is just for IE.

It is a styled and slightly varied adaptation from a link similar
to your above. There is a link on it to an idea for the submenus
to appear horizontally and this works fine in circumscribed
contexts. I have not yet begun to think how to adapt this second
idea to show itself properly in Internet Explorer. It needs
someone handier with javascript...

Just one thing more, to make things look nicer in IE, one needs
to use slightly different styling for the top margin of the
content, perhaps one or two other things. Like everyoe else in
this game, I am pissed off with IE and do as little as i can for
it, but am forced - as is any hostage.

Since realised that it is not the javascript that needs to be
altered for IE but the css needs adding to, specifically that

#nav li:hover ul, #nav li.sfhover ul

needs adding to and styling. Well, at least it worked when I
tried it on IE 6 after adding a bit of styling to the the css,
mainly by giving a generous width so that the sub-menu items do
not wrap. Anyway, OP can play about.

I have since updated the above link to reflect this.

[I knew there were reasons that dropdown menus piss me off! In
addition, with a drop down menu system you buy a whole lot more
thinking to do. What to make the non-sub items go to? You
probably need to duplicate or backup the sub-items on the page
the main item goes to. In all of this, you need not to confuse
folks. If an author goes for drop downs, I suspect they thereby
become *less careful* in how to name the links, how to ration
them down to simple necessities...thethinking maybe going "well,
they can see what this link means because there are all the sub
items to give it sense")

--
dorayme
.

Relevant Pages

  • Re: Menu with hints
    ... dorayme wrote: ... I can do the styling to make it look like I really want but (there's ... Perhaps this sort of thing ... The dropdown is just an opportunity to provide some hint about the link. ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: IE7 DropDown Menu stays dropped.
    ... G'Day dorayme. ... popular dropdown method. ... {display: block;} ... I will keep it in mind. ...
    (alt.html)
  • Re: Centering this darn divs
    ... JavaScript is not necessary to make a page like that zenfolio page. ... Then just use a series of as dorayme suggested in another post. ... If each needs its own little centered caption or something then, ... Centering vertically is tricky unless you set an explicit height on the ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: IE Bug
    ... But in FireFox the dropdown menu part will ... automatically extend to fit the width of the long text without change the ... adjust the text width in the popup... ... > Ummm, ehhh, what does this have to do with Javascript? ...
    (comp.lang.javascript)
  • Re: Menu with hints
    ... On 9/9/2010 12:40 AM, dorayme wrote: ... I can do the styling to make it look like I really want but (there's ... simplest strategy is two-fold: ...
    (comp.infosystems.www.authoring.stylesheets)