|
You can create horizontal image menus using standard Joomla 1.5 list menus and Dart's Main Menu Images Module. The problem is you need to change your stylesheet so that the menu is using display:inline instead of display:block which is the default for div, ul, and li objects.
Display:block fills the container horizontally, and thus the next object has to be on the next row, not along side of it on the same row. Display:inline only uses the actual width of the object, not the container.
In the administrator site, open modules, and edit the menu that you want to make horizontal.
To the right, under Advanced options of the Parameters section, give the menu a tag id like "mymenu" and add suffixes so that this menu won't use any other default styles for "modules_menu". Add a style for "#mymenu" and "#mymenu li" that has "display:inline;" in it. That simple!!!
PS: Google's Chrome has it's week points, but is does have a few good things. Right click on a page and use the Inspect Element option to see the entire pages code: all the various css styles that applies to each element and which template file they come from, the final css that's applied, and the actual size of the box. Chrome isn't that great at always finding the right position, but that seems to be a character trait of Chrome.
Good luck!
Fred
|