CSS Dropdown menu for the header- With Categories!

[Spdster]

I am struggling wiht this mod, can anyone install it for me if i pay them? Thank You..

[autoace]

Hi,

I simply installed the code in the readme file (<!--bof-drop down menu display-->
<?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_drop_menu.php');?>
<!--eof-drop down menu display-->
<div class="clearBoth"></div>) at the very bottom of my tpl_header.php file and it breaks the page - nothing under the CSS Flyout Menu in the header shows up!

NOTE: I am also using the Alternate Header v2.0 and added the above code to the bottom of the tpl_header.php file contained in that addon. No other code mods other than that.

In addition to that, I would like to know if it is possible to replace "Home", "Categories" and "Information" with my top-level categories and then having my sub level categories flyout.

Instructions and the necessary code (if needed) is truly appreciated.

[kburner]

I have been stuggling for several days and have looked thru forum. My issues seem to be css related. Need any help I can get with...

*categories are going vertical instead of horizonal across dropMenu bar
Here is css.

div#dropMenu {
position:relative;
width: 100%;
height:25px;
margin: 0em;
margin-top: 1px;
padding: 0em;
text-align:center;
z-index: 1000;
border-bottom: 2px solid #083562;
font-family: Lucida Sans;
float: center;
}

*space between dropmenu and logo/wrapper
Not sure where to change this. I have modified logo, wrapper and MenuWrapper with no luck.

Thanks, Kim

[kburner]

I have been stuggling for several days and have looked thru forum. My issues seem to be css related. Need any help I can get with...

*categories are going vertical instead of horizonal across dropMenu bar
Here is css.

div#dropMenu {
position:relative;
width: 100%;
height:25px;
margin: 0em;
margin-top: 1px;
padding: 0em;
text-align:center;
z-index: 1000;
border-bottom: 2px solid #083562;
font-family: Lucida Sans;
float: center;
}

*space between dropmenu and logo/wrapper
Not sure where to change this. I have modified logo, wrapper and MenuWrapper with no luck.

Thanks, Kim

*categories are going vertical instead of horizonal across dropMenu bar
Got this figured out...not sure what I did.
But I have 13 categories and can not get them to all fit. Caps are small - so they should fit....Any one know how to get them all across??

*space between dropmenu and logo/wrapper
Still have space in FF, but gone from IE...

Added to stylesheet:

.clearBoth {
clear:both;
height: 2.5px;
font-size:0;
line-height: 0;
}

Kim

[kburner]

*categories are going vertical instead of horizonal across dropMenu bar
Got this figured out...not sure what I did.
But I have 13 categories and can not get them to all fit. Caps are small - so they should fit....Any one know how to get them all across??

*space between dropmenu and logo/wrapper
Still have space in FF, but gone from IE...

Added to stylesheet:

.clearBoth {
clear:both;
height: 2.5px;
font-size:0;
line-height: 0;
}

Kim

I am still struggling with css with this mod. I love it - but can not get it to work. I have been going thru large forum looking for answers.

***I have 13 categories - how do I get them to fit?? I have hidden at this time because it causes them to go to next line.

***Extra space above categories in FF but not IE.


Please help!

Thanks, Kim

[znowflake]

Ok ive looked through a LOT of posts, but i havent really found what i was looking for, so im gonna take the chance and ask a question, that hopefully havent been answered yet. If so...i apologize :)

I know that the ez pages are connected to the information box, but is there a way to add pages/links to the other categories?

Ex.....i would like to add a facebook link as a drop down under the "Contact us" category, and i would like to add an extra page to the "my account" category.

How do i go about doing that?
Im not a techie, so any help is appreciated

[kburner]

I am still struggling with css with this mod. I love it - but can not get it to work. I have been going thru large forum looking for answers.

***I have 13 categories - how do I get them to fit?? I have hidden at this time because it causes them to go to next line.

***Extra space above categories in FF but not IE.


Please help!

Thanks, Kim

Any one??

[znowflake]

Ok ive looked through a LOT of posts, but i havent really found what i was looking for, so im gonna take the chance and ask a question, that hopefully havent been answered yet. If so...i apologize :)

I know that the ez pages are connected to the information box, but is there a way to add pages/links to the other categories?

Ex.....i would like to add a facebook link as a drop down under the "Contact us" category, and i would like to add an extra page to the "my account" category.

How do i go about doing that?
Im not a techie, so any help is appreciated

Nm. I figured out myself :)

1.Make a link <li><a href="http://www.link_here">Link_name_here</a></li>
2. Add it to your tpl_drop_menu where you want it.
Remember to add <ul class="level2"> (to make it a dropdown) before your link and </ul>(to seperate from next menu) after.

To add an extra page somewhere else but your Information menu, simply use your ez pages, but without adding it to the header and do the same as above.

Voila.

It works for me :)

[kburner]

Been working very hard to get this to work! Almost there...

***I have 13 categories - how do I get them to fit?? I have hidden at this time because it causes them to go to next line.
Finally got all 13 to fit---used
#divdropMenu li

div#dropMenu li {
position:relative;
list-style:none;
margin:0;
margin-left: .5px;
float: left;
line-height:1em;
width: 7.6%;
text-align:center;
}

***Extra space above categories in FF but not IE.
Now works in FF but not IE... This is what code looks like.

div#dropMenu {
position:relative;
width: 100%;
height: 25px;
margin-top: -10.99px;
margin-bottom: .19px;
text-align:center;
z-index: 1000;
font-family: Lucida Sans;
}


Any suggestions on how to get IE to work?

Thanks, Kim

[jettrue]

Been working very hard to get this to work! Almost there...

***I have 13 categories - how do I get them to fit?? I have hidden at this time because it causes them to go to next line.
Finally got all 13 to fit---used
#divdropMenu li

div#dropMenu li {
position:relative;
list-style:none;
margin:0;
margin-left: .5px;
float: left;
line-height:1em;
width: 7.6%;
text-align:center;
}

***Extra space above categories in FF but not IE.
Now works in FF but not IE... This is what code looks like.

div#dropMenu {
position:relative;
width: 100%;
height: 25px;
margin-top: -10.99px;
margin-bottom: .19px;
text-align:center;
z-index: 1000;
font-family: Lucida Sans;
}


Any suggestions on how to get IE to work?

Thanks, Kim

See how in my original file, I have two width's for div#dropMenu li, and the second one starts with a *? That asterisk one is for IE only:

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

So you need to add *width:7.5;

to your div #dropMenu li. Or something like that, basically IE needs a slightly smaller percentage.