CSS Dropdown menu for the header- With Categories!

[jettrue]

Hello

First off, I like to say I love this menu, it looks great in Firefox. I'd like to know how I get it to work in IE. In IE the menu drops down put it the text on the screen shows through and I am unable to click on the menu items.

Is there a fix for this?

Thank you very much,
Dave
http://datinbridal.com

First of all, you're using a menu created by someone else, not my menu... but I'm guessing that you're drop down menus work in IE if you go to www.datinbridal.com? To fix this, you'll first need to make sure that in your includes/configure.php file that you have http://datinbridal.com and NOT http://www.datinbridal.com. You'll need to make a root/.htaccess file with the code below, so that if someone goes to www, they automatically get directed to without the www:

## Add these to your .htaccess file so that only one way to your site exists, either http://yoursite.com and http://www.yoursite.com ... the following adds the www if it's missing:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^africanartandmasks.com$ [NC]
RewriteRule ^(.*)$ http://www.africanartandmasks.com/$1 [R=301,L]

## If you'd like your site to go to http://mysite.com instead of http://www.mysite.com, add these changes instead:

##RewriteEngine On
##RewriteCond %{HTTP_HOST} ^www.yoursite.com$ [NC]
##RewriteRule ^(.*)$ http://yoursite.com/$1 [R=301,L]

## the following makes sure the correct mime type is sent for the .htc file
AddType text/x-component .htc

[DatinBridal]

First of all, you're using a menu created by someone else, not my menu... but I'm guessing that you're drop down menus work in IE if you go to www.datinbridal.com? To fix this, you'll first need to make sure that in your includes/configure.php file that you have http://datinbridal.com and NOT http://www.datinbridal.com. You'll need to make a root/.htaccess file with the code below, so that if someone goes to www, they automatically get directed to without the www:

## Add these to your .htaccess file so that only one way to your site exists, either http://yoursite.com and http://www.yoursite.com ... the following adds the www if it's missing:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^africanartandmasks.com$ [NC]
RewriteRule ^(.*)$ http://www.africanartandmasks.com/$1 [R=301,L]

## If you'd like your site to go to http://mysite.com instead of http://www.mysite.com, add these changes instead:

##RewriteEngine On
##RewriteCond %{HTTP_HOST} ^www.yoursite.com$ [NC]
##RewriteRule ^(.*)$ http://yoursite.com/$1 [R=301,L]

## the following makes sure the correct mime type is sent for the .htc file
AddType text/x-component .htc

Hello,

Thank you very much,

With allot of editing to the .css file and changing my catagories around I have it working now. I appreciate your help very much. For some reason when the top level catagories dropped down the lower level catagories showed through so it was almost imposible to make the selection we wanted. But it's all good now.

Thanks again
Dave
http://datinbridal.com

[davidandrews]

Anyone know how to Altering the stylesheet so it the menu fills the screen width WITHOUT it starting a new line?

I have it working in Firefox and can resize the browser and it fits whatever size the browser is

in IE, at full screen, it kerns the "shopping cart" link onto another line.

if I adjust the window it will bring it onto the same line as the other main menu items, but kerns onto another line at full screen size

I have adjusted the stylesheet a little

So instead of:

div#dropMenu {
width:100%;
margin:0 auto;
text-align:center;
z-index:1000;
position:relative;
}

div#dropMenu ul {
margin:0;
padding:0;
}

div#dropMenu li {
position:relative;
list-style:none;
margin:0;
float:left;
line-height:1em;
width:16.667%;
}

div#dropMenu ul.level1 {
width:100%;
margin:0 auto;
text-align:center;
background:#0589a5;
z-index:1000;
float:left;
}



I have altered the width's to read 98% which works a little but leaves white space on either side (obviously)

is it other code which I need to alter?

Thanks for any help

[lenny]

Hi there!

Nice contrib!

I am trying to have a different cattegory as site root (i use multishop contri), but i have not yet succeeded. Could you give me some tips how to accomplish this?

I have tried to set a differnent root in categories_ul_generator.php:

class zen_categories_ul_generator {
var
$root_category_id = 11,

But then there is no output.

Is there any other place i could try to hardcode this?

Thanks!

[jettrue]

Hi there!

Nice contrib!

I am trying to have a different cattegory as site root (i use multishop contri), but i have not yet succeeded. Could you give me some tips how to accomplish this?

I have tried to set a differnent root in categories_ul_generator.php:

class zen_categories_ul_generator {
var
$root_category_id = 11,

But then there is no output.

Is there any other place i could try to hardcode this?

Thanks!

Hmm, I'm not too sure of a way to automate this, you may have to get rid of the generated category portion, and hardcode your categories.

[lenny]

Hmm, I'm not too sure of a way to automate this, you may have to get rid of the generated category portion, and hardcode your categories.

I have found it!!

In multisite module you can configure the site root category by defining var CATEGORIES_ROOT

Changes to file categories_ul_generator.php in case anyone else needs this:

About line 25
change

class zen_categories_ul_generator {
var $root_category_id = 0,

to

class zen_categories_ul_generator {
var $root_category_id = CATEGORIES_ROOT,

about line 56:
multisit mod has a cat_filter function for compatiblity with other mods
change

$categories = $db->Execute($categories_query);

to

$categories = $db->Execute(cat_filter($categories_query));

and about line 63:
change

function buildBranch($parent_id, $level = 1, $submenu=false) {
if ($parent_id != 0) {

to

function buildBranch($parent_id, $level = 1, $submenu=false) {
if ($parent_id != CATEGORIES_ROOT) {

Very happy with this contrib!!

Grtz Lenny

[soupcan]

Hi all.

I've got a site that is just about done, but I've been wracking my brain over a few issues. I've gone through a good majority of the posts here over the last week or so and was not able to find a resolution.

In Internet Explorer (haven't had it happen in Firefox), when the CSS drop down menu comes in contact with a "Sort By" drop down menu in my catalog, the CSS drop down menu appears behind the "Sort By" drop down menu.

Any help is appreciated. If you need any other information, please let me know.

Thanks.

[jettrue]

Anyone know how to Altering the stylesheet so it the menu fills the screen width WITHOUT it starting a new line?

I have it working in Firefox and can resize the browser and it fits whatever size the browser is

in IE, at full screen, it kerns the "shopping cart" link onto another line.

if I adjust the window it will bring it onto the same line as the other main menu items, but kerns onto another line at full screen size

Can I see your site? Are you using the most recent version of the menu?