Hi, I was wondering where should I start looking if I wanted the menu tu be horizontal. Would it be as easy as tweaking css, or do i have to patch the module?

Comments

Jensor’s picture

I've got a similar problem.
When i activate the module my horizontal menus in the head chances to verticals

Bevan’s picture

How would this possibly work horizontally? where would the menus go?

Jensor’s picture

I will discribe my problem a little bit closer.
I use the minnelli theme. If I take a menu with subentries in the head area, the subentries will display behind the main menus. When I add a dhtml menu to the left or right block area, the subentries in the head area will be displays among each other. When i deactivate the the dhtml menu, all is okay again.

maxc22’s picture

Assigned: Unassigned » maxc22

It would be like
#Item1 #Item2 #Item3
#sub1.1 #sub2.1
#sub1.2 #sub2.2

As far now
#Item1
#sub1.1
#sub1.2

#Item2
#sub2.1
#sub2.2

#Item3

Please help me

Bevan’s picture

Do you want a menu like the one on this site: http://virtuemart.org/ ?

I suggest you try nice menus module. It's much more accessible than DHTML menus, and has both horizontal and vertical configurations, however is more suited to horizontal. It doesn't slide in and out like the VM one, but you need heaps and heaps of javascript for that to work.

good luck

merlinofchaos’s picture

Interestingly, I find nice menus to be less accessible, but i agree that for horizontal menus it is what you want.

AdrianB’s picture

It doesn't slide in and out like the VM one, but you need heaps and heaps of javascript for that to work.

Actually, with at least one of the JQuery-patches posted for Nice Menus you get the sliding effect in Internet Explorer (since you don't need to rely on javascript for the drop down to work for good web browsers). And it's definitely not heaps of javascript.

billmurphy’s picture

I ended up changing the code (a messy hack) to implement suckerfish css dropdowns. A demo for ff: interlang.litio.net (working on the fix for ie).

maxc22’s picture

This sites not work in IE.(I mean menus 8)) 8(

Bevan’s picture

Depends on your understanding of accessible I guess. Nice menus doesn't require any javascript (for compliant browsers), and is purely valid html css (nested uls). This makes it very accessible for bots, blind users, and text based browsers, and anyone without javascript.

However taxonomy dhtml is perhaps more usable (more accessible for a seeing user with eyes, mouse, javascript and screen.)

interesting about jQuery with nice menus. I must learn jQuery...

merlinofchaos’s picture

DHTML Menu actually degrades very nicely to browsers without javascript and bots. I admit I don't know how well it'd work for the blind, but I don't believe it would be any worse than nice menus.

billmurphy’s picture

Sorry for the bad example :(
the original page i took the code from: http://pfirsichmelba.de/artikel-scripts/suckerfish-accessible.html
After reading a bit, it seemed like a good solution for dropdown menus, seemed pretty accesible and tested thoroughly, and uses jQuery.

cburschka’s picture

http://drupal.org/node/149726 has been marked as a duplicate of this issue.

robotjox’s picture

to answer the original question, yes, dhtml menu can easily be transformed into a horizontal menu with a bit of css - let me know, if you need any help with it :)

heng’s picture

id love to know how to do it. please share :)

brmassa’s picture

Status: Active » Closed (won't fix)

Guys,

its not designed to work for horizontal menus. sorry

regards,

massa

cburschka’s picture

Version: 5.x-0.7 » 6.x-1.x-dev
Assigned: maxc22 » Unassigned
Category: support » feature
Status: Closed (won't fix) » Active

Could be a nice feature for the future. It's not completely impossible to implement, just takes some experimenting with the CSS classes and display and float properties.

Bevan’s picture

Status: Active » Closed (won't fix)

take a look at admin_menu and simplemenu. I think they do what you are looking for

cburschka’s picture

admin_menu completely fails to work in the themes in which I've tried it. I haven't yet tested simplemenu.

crosshairs’s picture

I got it to work as described in #4 with css, something like this:

ul.menu #dhtml_menu-387.first, ul.menu #dhtml_menu-389.last {
  display:inline-block;
  float:left;
}