CSS Dropdown menu for the header- With Categories!

[zubenubi]

Hi there, many thanks for a cracking little mod. It's exactly what I wanted to do! Hurray!

Anyway, got it working more or less right on IE and FF but having a slight issue...

There's a couple of pixels difference underneath my categories - if you hover over 'privacy policy' (for example) on www.babyclothingcentral.co.uk you can see what I mean.

Also on IE the drop down menus aren't over to the left as I'd like them. I've played about with margins and paddings and sizes etc etc but nothing I've tried works.

I've had a good read through a fair bit of this thread (c'mon, it's huge) but haven't been able to spot an answer so far.

anyone kind enough to put me out of my misery?

thanks

[soxophoneplayer]

... on IE the drop down menus aren't over to the left as I'd like them. ...thanks

The stylesheet for this mod is includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css

Around line 53 see the code that begins:

div#dropMenu li a {

change the text-align from center; to your preferred justification.

[zubenubi]

Thanks soxophoneplayer, that did the job rightly. I'd never thought of changing that particular rule, thought it was to do with how the actual text was aligned! I'm learning...

I have spotted another wee problem tho. I have a drop-down box filter on my categories page and using IE6 my filter menu appears on top of this mod's dropdown menu. For example: http://www.babyclothingcentral.co.uk...p-socks-c-7_15

I read earlier on in this thread about people having problems with their lightbox mod, but that issue seems to be the exact opposite of my problem.

[charagg]

Well never mind.

I made the changes my self it was mutch simpler than I thought.

Not sure if anyone care as not mutch communication hre but if somebody need solution here it is.

It is based on my earlier design which enables to add ezpaged filtering which groups they belong.

It would be even better code if it could outomatically check if multi languge expages module is installed instead of using comments character. Wen I dont know how to do it so this will do.

// --------------------


If ($chapNumber != ""){

// USE THIS IS MULTI-LANGUGE EZPAGES MODULE NOT INSTALLED
// $page_query = $db->Execute("select * from " . TABLE_EZPAGES . " where toc_chapter = " . $chapNumber . " and status_header = 1 order by header_sort_order, pages_title");

// USE THIS IS MULTI-LANGUGE EZPAGES MODULE IS INSTALLED
// query modified for multi-language support
$page_query = $db->Execute("select e.pages_id, e.page_open_new_window, e.page_is_ssl, e.alt_url, e.alt_url_external, et.pages_title
from " . TABLE_EZPAGES . " e, " . TABLE_EZPAGES_TEXT . " et
where toc_chapter = " . $chapNumber . " and e.pages_id = et.pages_id
and et.languages_id = '" . (int)$_SESSION['languages_id'] . "'
and status_header = 1
and header_sort_order > 0
order by header_sort_order, pages_title");
// end of modification


} else

{
// USE THIS IS MULTI-LANGUGE EZPAGES MODULE NOT INSTALLED
$page_query = $db->Execute("select * from " . TABLE_EZPAGES . " where status_header = 1 order by header_sort_order, pages_title");

// USE THIS IS MULTI-LANGUGE EZPAGES MODULE IS INSTALLED
// query modified for multi-language support
$page_query = $db->Execute("select e.pages_id, e.page_open_new_window, e.page_is_ssl, e.alt_url, e.alt_url_external, et.pages_title
from " . TABLE_EZPAGES . " e, " . TABLE_EZPAGES_TEXT . " et
where e.pages_id = et.pages_id
and et.languages_id = '" . (int)$_SESSION['languages_id'] . "'
and status_header = 1
and header_sort_order > 0
order by header_sort_order, pages_title");
// end of modification
}
// --------------------

marksu

I have a multi-language site using the CSS Dropdown Menu - can you tell me where this code should go? Thanks

[dhaval]

Can I show top level categories menu items instead of Home - Categories - Information ... etc so my navigation in top would show Appliances, Furniture, Bedding, Clothing etc?

[sw09]

Hi I am a newbie. I would like to change my categories sidebox or have my left categories to vertical dynamic expand menu. similar to css flyout but since I have already using the horizontal drop down menu, I only need the left categories to be expand. I have search the forum but with no help. Can someone help me pls.

[hottrendz]

I have been looking for days for my question, but have not yet found the answer. Do anyone knows how to fix the drop down menu, because i am making a test site for the new upgrade and the drop down buttons for categories is not working and the other information is not showing up such as contact us, about us, privacy, shipping and the other buttons. Do anyone know the file to check this problem. It works find on my original site just not the test site for the upgrade.

[wendon]

Phew..this is a very long thread..

I need help..how to remove the grey color from both side of the sideboxes?

How to put the log in and my account below the header. Now mine are on top.

thanks in advance

[limelites]

To the author of this mod, thank you so much. I use it on three of my sites, www.limelites.co.uk..... www.superfancy.co.uk..... and..... www.silkblooms.co.uk

Needless to say though, I'm starting to look at wats of improving the way it looks and perhaps jazz it up a little.

Take a look at these menu buttons:

http://www.dynamicdrive.com/style/cs...rizontal_menu/

I wonder if you could point me in the right direction (as a near novice) how I could integrate the dynamicdrive coding with yours to create a similar effect?

I think this would be a very useful contribution if we could work in a neat new styling for the menu buttons.

[istilah]

Great Contribution!

I would like to make the Cart button change colour when there are items in the cart, something like bright red.
Only the cart button, the other buttons of the dropdown menu stay the same colour.

How would I go about doing that?

Any help is appreciated!

Ronald