I don't quite get it.
by default, it looks like this:
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
what should i do? :huh:
Printable View
I don't quite get it.
by default, it looks like this:
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
what should i do? :huh:
boriz,
other than line 61
/*div#dropMenu li.submenu li.submenu {background:url(../images/submenu.gif) 95% 50% no-repeat;} */
there are no other images used in the css. make sure both lines have been commented out /*.
you can also remove the image from includes/templates/yourtemplate/images/
that will work too.
John
Nope. Even if I remove that (and another comented out) lines. :(
here is the ss:
http://www.pic-upload.de/thumb/28.10.07/m9qxb.jpg
i want to remove that triangle on the left(it's on every button in the menu and in submenus)
Link: http://www.pic-upload.de/28.10.07/m9qxb.jpg
That is also from style.css, and has nothing to do with the coding in stylesheet_header_menu.css.Quote:
Originally Posted by boriZ
Change this also:
li a { text-decoration:none; color:#BDBDBD; padding-left:11px; background:url(../images/pimp1.gif) no-repeat 0px 5px;}
to this
.columnLeft li a { text-decoration:none; color:#BDBDBD; padding-left:11px; background:url(../images/pimp1.gif) no-repeat 0px 5px;}
Thanks, jettrue!!!! :clap::clap::clap::clap::clap::clap::clap:
Sorry bout that. I dont understand why borizs is different than mine.
I dont want to change at all, just curious.
John
Good Morning Jade,
I think I'm hitting the wall with my drop down menu. One of my categories has so many subcategories (all distinct) that the drop down menu extends below the bottom of the screen. If you try to scroll up so the bottom will be visible, you can't get to the menu to activate it. I'm thinking the only answer is to use subcategory headers (with logos even) on a category page (the old fashioned way) and just use the drop down for main categories. Is there some way to deactivate subcategories for only one main category or do I have to lose all the subcategories since they are automatically generated in the program loop?
Minor question: What image module are you using on the AppleZen demo page to generate the rollover popup image?
Maury
He has a different template, and you guys are talking about two different things. He's talking about some dots that came with his template, that was indiscriminately adding a dot image to any li on the site.Quote:
Originally Posted by bumba000
Right, you'd have to turn off all subcategories or none.Quote:
Originally Posted by mauryg
That is called ImageHandler2 (IH2).
does anyone know why I have a gray bar under my css menu in IE?
Link? :smile:Quote:
Originally Posted by bumba000
thanks jettrue but i got rid of the menu for now.
im battling screen resolution now too. I noticed that at 800x600 (at least in IE)
most of the site looks pretty bad.
As i struggle and struggle with this I just hope that most of the world is at least 1024x768.
I have made a new header img only 790px wide but for some reason at 800x600 the end of the image still gets cut off and the site doesnt really layout properly.
I know this isnt the right place for this. . .
John
okay, So i twisted my own arm. Settled for 1024x768 as a base size to please.
I put the css drop menu back in. still have the same gray bar under it tho. I dont see any link there and there shouldnt be one.
If you will have a look please. . . just use my signature.
thanks,
John
I see no grey bar, however I can tell you that you need a <div class="clearBoth"></div> at the bottom of includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.phpQuote:
Originally Posted by bumba000
You do know that your header image is still 1010 wide right? Perhaps you changed it back, but wanted to let you know.Quote:
Originally Posted by bumba000
jettrue,
the div tags you had me add to tpl_header.php would have helped a long time ago.
I got the gray trying to figure out why in IE everything was fine but it firefox my first columLeft sidebox top was under my new menu.
was all about the <div class="clearBoth"></div>.
thank you.
John
how do i change the name catagories to products?
the header image in use is not bg_header.jpg.
this is what i did. So that where the header img stops after 790 it doesnt look like it stopped. This was to try to fit in 800x600.
Kinda like the sliding door method.
Quote:
#headerWrapper {position: relative; background-image: url(../images/bg_navmain_header-blue-white-expand.gif); /*IE Hack*/}
#headerBackground {width: 100%; height: 120px; background-color:#FFFFFF; background: url(../images/bg_header_790x119.jpg) no-repeat;}
Thanks Jade, that's what I thought the answers would be
Hi Guys,
I am having a weird problem. I have installed the drop-down menu and changed the menu options to fit my web site's objectives. However, the menu works fine except for a trailing empty cell that seems to ruin the look of the menu. Here is my URL:
http://www.eclat-consultants.co.uk/i...ain_page=index
Just look at the trailing empty cell after My Account. Can you please help me?
Here is my code for tpl_drop_menu.php:
<?php
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers |
// | |
// | http://www.zen-cart.com/index.php |
// | |
// | Portions Copyright (c) 2003 osCommerce |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license, |
// | that is bundled with this package in the file LICENSE, and is |
// | available through the world-wide-web at the following url: |
// | http://www.zen-cart.com/license/2_0.txt. |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to |
// | [email protected] so we can mail you a copy immediately. |
// +----------------------------------------------------------------------+
// $Id: tpl_drop_menu.php 2005/06/15 15:39:05 DrByte Exp $
//
?>
<!-- menu area -->
<div id="dropMenuWrapper">
<div id="dropMenuWrapperb">
<div id="dropMenuWrapperc">
<div id="dropMenuWrapperd">
<div id="dropMenu">
<ul class="level1">
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>
<!--<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_NEW); ?>"><?php echo HEADER_TITLE_NEW_PRODUCTS; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_ALL); ?>"><?php echo HEADER_TITLE_ALL_PRODUCTS; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_SPECIALS); ?>"><?php echo HEADER_TITLE_SPECIALS; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ADVANCED_SEARCH); ?>"><?php echo HEADER_TITLE_SEARCH; ?></a></li>
</ul>-->
</li>
<li class="submenu"><a href="http://www.eclat-consultants.co.uk/index.php?main_page=page&id=18&chapter=0">About us</a></li>
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_CATEGORIES; ?></a>
<?php
// load the UL-generator class and produce the menu list dynamically from there
require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
$zen_CategoriesUL = new zen_categories_ul_generator;
$menulist = $zen_CategoriesUL->buildTree(true);
$menulist = str_replace('"level4"','"level5"',$menulist);
$menulist = str_replace('"level3"','"level4"',$menulist);
$menulist = str_replace('"level2"','"level3"',$menulist);
$menulist = str_replace('"level1"','"level2"',$menulist);
$menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);
$menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
echo $menulist;
?>
</li>
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>
<ul class="level2">
<!--<li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li>-->
<li><a href="<?php echo zen_href_link(FILENAME_PRIVACY); ?>"><?php echo HEADER_TITLE_PRIVACY_POLICY; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CONDITIONS); ?>"><?php echo HEADER_TITLE_CONDITIONS_OF_USE; ?></a></li>
<!--<li><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo HEADER_TITLE_ABOUT_US; ?></a></li>-->
<?php if (defined('FILENAME_SITE_MAP')) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_SITE_MAP; ?></a></li>
<?php } ?>
<?php if (MODULE_ORDER_TOTAL_GV_STATUS == 'true') { ?>
<!--<li><a href="<?php echo zen_href_link(FILENAME_GV_FAQ, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_GV_FAQ; ?></a></li>-->
<?php } ?>
<?php if (MODULE_ORDER_TOTAL_COUPON_STATUS == 'true') { ?>
<!-- <li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_DISCOUNT_COUPON; ?></a></li> -->
<?php } ?>
<?php if (SHOW_NEWSLETTER_UNSUBSCRIBE_LINK == 'true') { ?>
<li><a href="<?php echo zen_href_link(FILENAME_UNSUBSCRIBE, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_UNSUBSCRIBE; ?></a></li>
<?php } ?>
</ul>
</li>
<li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
<ul class="level2">
<?php if ($_SESSION['customer_id']) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT_NEWSLETTERS, '', 'SSL'); ?>"><?php echo HEADER_TITLE_NEWSLETTERS; ?></a></li>
<?php } else { ?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CREATE_ACCOUNT; ?></a></li>
<?php } ?>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php } else { ?>
<li><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
<?php } ?>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div><!-- end dropMenuWrapper-->
<div class="clearBoth"></div>
It looks like you found the answer. YAY! I am cursing the day that I decided to originally design the menu with extra space leftover at the end... it wasn't an "empty cell", just extra space, so that the menu wouldn't break into two lines when font size was increased, but now that the newest version is designed in percentages and that problem is solved, perhaps I'll not have to answer this question every other day, LOL.Quote:
Originally Posted by hansi
I'm not really understanding your image method, but if its working the way you want it, great!Quote:
Originally Posted by bumba000
Change "categories" to "products" in includes/languages/english/extra_definitions/YOUR_TEMPLATE/headermenu.php
[quote=all4coffee;451190]When some of my pages initially load the categories column shows up in the center column for a moment, then shifts back in place. This happens only in Firefox (IE is OK). This is the link to one of the pages it happens on (to see it happening you must use Firefox):
http://www.time-co.com/zencart/index...dex&cPath=1_17
I'm posting it on this forum (jettrue already told me it has nothing to do w/ CSS menu and suggested "giving . centerColumn a width" which I tried but it didn't help ) because no matter how I search for i.e. " Firefox shift" it does lead me to this thread...
Please help if you can. Thanks.
[QUOTE=all4coffee;452456]try giving #contentMainWrapper a width.Quote:
Originally Posted by all4coffee
jettrue,
where would that file have come from? is it a zc core file?
I dont have one there, not @ inc/lang/eng/extradef/ or @ inc/lang/eng/extradef/mytemp/
john
wow. how did i miss that?
Did you find it, or not? It comes with the drop down menu.Quote:
Originally Posted by bumba000
Well got it now. Thank you. I did have one there, just didnt see it I guess.
Now where do I rearrange the menu Home, Products, Information. . . ?
Also, How can I use images for the menu background? Only up top tho?
Thanks,
John
[quote=jettrue;452462]Thanks, Jettrue,Quote:
Originally Posted by all4coffee
I added float: left In navColumnOneWrapper, #navColumnTwoWrapper
like this:
#navColumnOneWrapper, #navColumnTwoWrapper {
float: left;
}
Loads clean (no shift) in both IE & Firefox. Thanks for being so responsive!
Hi,
Thanks for the reply. Actually, I am using the newest version Sept 2007 but it seems to be a bug in Opera 9.23. The menu works fine under Firefox and IE but try it on the Opera browser (version 9.23) and you will see that the space is still there.
Regards,
Hansi
Quote:
Originally Posted by jettrue
Yeah, I saw that the other day, and decided to ignore it after a few things didn't work... I'm not going to devote a ton of time trying to figure it out. But if I do find the answer, I'll post it here!Quote:
Originally Posted by hansi
Hi,
I might have the answer to that. I think that the last <a> menu item should belong to class "noLine" i.e. <a class="noLine" href="........">.
I will try it and see what happens later at home (unfortunately I do not have Opera installed in my workplace's PC).
Regards,
Hansi
Quote:
Originally Posted by jettrue
Is there any way to exclude a apecific catagory from being shown in the drop menu?
I cant use the status bubble because then my linked products wont work.
Thank you,
John
So this may not be a simple or easy question, but, If I have the 1.8 version of this template, what would be the best way to upgrade to the 2.2 version without having to customize the things that I've customized? (which I'm not sure of everything I've customized:blush:)Quote:
Originally Posted by jettrue
And I looked at the thread for the FAQ and got that problem solved. Thanks
Luke
Well, in the readme.txt file, I list all the changed files for each upgrade. So, you can leave some files alone, and replace only the ones I've adjusted. You can use a file comparison tool like WinMerge to show you exactly what the differences for those updated files are, so you can keep your changes, and only merge in the stuff you want.Quote:
Originally Posted by thedidgmaster
Hi,
Just an update on my previous email.
No, it did not work :(, the extra traling cell is still there when the menu displays on Opera browsers.
Regards
Hansi
Quote:
Originally Posted by hansi
I am only new at this version of Zencart and have just started to set up a new site. I installed horizontal dropdown menu and it works fine in IE 7 but in firefox 2 it is all wrong and pushes the sidebars and middle of the page to the side.
http://cuddlesncloth.com.au/Cuddlysh...php?main_page=
I would appreciate any help in getting this to work for me with firefox
Yeah, at least removing the line would remove the "illusion" that it was another tab... however, the extra space will still be there in Opera.Quote:
Originally Posted by hansi
It's not an extra trailing cell.Quote:
Originally Posted by hansi
Anyway, you put the noLine in the wrong place, it should be on the my account link:
<li class="submenu"><a class="noLine" href="index.php?main_page=account">My Account</a>
Sorry, not that I know of. What's a status bubble?Quote:
Originally Posted by bumba000
Add <div class="clearBoth"></div> to the very end of includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.phpQuote:
Originally Posted by Lowndsey
status bubble: turn the catagory off or on from within the admin.
thanks for the reply,
John
Can the CSS Dropdown menu be configured to look like the Chrome menu over at Dynamic Drive?
http://www.dynamicdrive.com/dynamici...hrome/demo.htm
Would be cool. Any thoughts welcome. Thanks :smile:
I'm sure it could. :smile: You can view their css to get some ideas on how to do it.Quote:
Originally Posted by DogTags
jettrue,
it looks like they're doing it here.
http://www.zen-cart.com/forum/showthread.php?t=78609
can this be done in Includes/classes/categories_ul_generator.php?
Looks like it can but Im not a coder or a mysql guy. :D
thanks in advance for any help.
John
Ok, I found there to be 11 files that were slightly different so I decided to try and upload them, and mostly it went well, but now when I go to the 'specials' page from the 'home' menu, the side boxes are suddenly on the left. But if I put products on special and they're on that page the sideboxes are normal.Quote:
Originally Posted by jettrue
Also, if I go to the 'submit a new faq' page, the sideboxes are not only on the left, but they're at the bottom of the page, under the body of the text, and the header menu is at the very top of the page.
Now as far as I can tell, those are the only problems. I'm a complete newb when it comes to scripting, php, html etc. So I have no clue what to look for.
Faq page
http://www.thedidgmaster.ca/onlinest...ge=faqs_submit
Specials page
https://www.thedidgmaster.ca/onlines...e1bc8e77c0957b
Any suggestions? Thanks.
I have found that after installing this mod (which I LOVE by the way) everything looks fine in IE but in Firefox the contents of the site are actually outside the mainwrapper. The URL is http://shop.perchconsulting.com and any help would be appreciated!
Thanks,
Bob
Try this.Quote:
Originally Posted by jettrue
Thanks bob_p, I never even thought to check IE. I use Firefox myself and when I look I only look in FF. So I went and looked in IE and oh my it seems to have some troubles loading different pages. I'm not sure what to do. On some pages it decides not to display the header, and sometimes it won't show content at all. Very strange.
You could try validating your site. Try the HTML validator add-on/extension for Firefox.Quote:
Originally Posted by thedidgmaster
Did you know that your site is entirely running ssl? Don't know if this might cause errors but will probably slow down the site.
Craig
You are the MAN (or WOMAN, as the case may be). This worked perfectly :)
Thanks!
Bob
Quote:
Originally Posted by CES
You're welcome.Quote:
Originally Posted by bob_p
Don't thank me, thank Jettrue.
Man by the way!
I'm glad it all worked out.
Thanks. I will try it and let you know the outcome.
Regards
Hansi
Quote:
Originally Posted by jettrue
Make sure you re-uploaded all the files in the common/ folder, css folder, and let me know how it looks then. It also looks like you do have a missing div or something somewhere, so after doing the above, let me know, and I'll try to trackdown where it came from.Quote:
Originally Posted by thedidgmaster
Hello,
First off I have to say I love this menu, and thanks for the great help. I have read almost every post and have found many answers to the questions I have had!
I have not found out if it's possible to move the menu higher on my page. I would like it to actually be on my header. I have a space between my header and sidebox and and looking to how to get rid of it.
Basically, I need the header menu to be on the header and the sidebox to meet the header with out a gap.
Is it possible to move either of these?
Thanks for the help.
Dave
http://datinbridal.com
I downloaded the latest version and it works Great in IE7 and FireFox but not in IE6. I added the lines in the .htaccess file but the dropdowns do not work in IE6. Any help would be greatly appreciated.Quote:
Originally Posted by jettrue
Open up your includes/templates/YOUR_TEMPLATE/commom/tpl_header.php and change and instances ofQuote:
Originally Posted by DatinBridal
<br class="clearBoth" />
to
<div class="clearBoth"></div>
Then replace your .clearBoth in your stylesheet.css with this:
.clearBoth {
clear:both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
}
Let me know how that works out.
Can I see your site?Quote:
Originally Posted by rge
I get this question over and over and over. Please pay close attention to this section of the readme.txt:
Also confirm that:Code:5. For full compatibility with IE browsers prior to IE7, you can add the sample code within the "additions to .htaccess" file to your .htaccess file.
includes/csshover.htc
is uploaded.
Hi,
I am afraid 'bad news' again. Tried it but the space is still there.
Hansi
Quote:
Originally Posted by hansi
I never said it would remove the space, it would only remove the line at the end of the menu. I have no answer on removing the space in opera, its gonna have to stay there. If the line is still there, let me know, it may not be in the right spot again.Quote:
Originally Posted by hansi
Hello again.
I'm having a problem that is serious for me. Because of an ad campaign, I need to have this page working and just can't figure out what is going on with it.
When I link to my home page from admin, the EZpage, called "Wholesale" works fine the first time. Everytime thereafter, the 2 links, which are under "Contact Us" and include the "About Us" and "Wholesale" EZpages, are disabled on the dropdown and shows up as much smaller text and dropdown boxes.
Can you help with this please. Here is the link to my store. www.thelotetree.com. I have it showing down for maintenance, but will release it if necessary to get help.
Thanks in advance
your issue is fixed,
the links were not formatted right
there was no a in teh <a href
I need a lil' help :blush: :P
The Dropdown menu only splits into two lines ONLY in Internet Explorer 7. How to fox it? :hug:
Link to site please?Quote:
Originally Posted by boriZ
I have the same problem, the menu wraps around to a second line if you use a width value greater than 70%. Just change the style sheet to a smaller value and it will work.
But I want 100% so I still have the problem.:smartalec:
So I did that, and its still acting kind of funny in IE 7 is what I have. Depending on where the mouse is, it will not load then if you move your mouse, it will show up, the submit a faq page is not loading at all. It's quite odd. In Mozilla, the only wierd thing is on the submit a faq page is that the sideboxes show up underneath the page content.Quote:
Originally Posted by jettrue
Main Page
https://www.thedidgmaster.ca/onlinestore
Submit Faq
https://www.thedidgmaster.ca/onlines...ge=faqs_submit
Thanks for the help.
in includes/templates/css/stylesheet_header_menu.css, try rounding down 16.667 a tiny bit, like to 16.665% or so.Quote:
Originally Posted by boriZ
It doesn't help jettrue :unsure::no:
Even if I put to 16.660.. :mellow::mellow::mellow::mellow:
I can't test in IE right now, but you can also try removing this:Quote:
Originally Posted by boriZ
.dr { display:table-row; width:100%; height:100%;}
and removing the display:table-cell from the below:
.dc { display:table-cell; text-align:left; vertical-align:top; width:100%;font-family:Tahoma; font-size:11px; line-height:14px; color:#BEBEBE;}
Also try changing the font size in the above to 73.5% instead of 11px.
thanks for helping me jettrue, but I've found the problem. You already suggested the solution but not entirely.
in includes/templates/css/stylesheet_header_menu.css
at div dropmenu li
change
width:16.667%;
to
width:16.649%;
It's the MAX value IE can take! :smile:
Greets, Boris :P
16.649 doesn't work for me.
Link please?Quote:
Originally Posted by pixelpadre
I've got a weird problem:
http://img249.imageshack.us/img249/3259/wr0nghc5.th.jpg
link:
http://img249.imageshack.us/img249/3259/wr0nghc5.jpg
what to do ? :blush:
Search this thread for lightbox.Quote:
Originally Posted by boriZ
disregard please.
thanks for this contrib. I have done some customizing that other may like and will be glad to share the code when it is finished.
However, http://www.sermonzone.com/zc-137/ currently looks great if Firefox and TERRIBLE in IE7. I suspect I inserted the code for the search box in the wrong place and would appreciate some help finding the solution.
EDIT *** The tpl_drop_menu.php is attached
I'm using Academe template and the HoverBox for display of large images along with the CSS Dropdown Menu.
One issue only. The CSS Dropdown menu bar is displaying over the HoverBox container. I looked in HoverBox's stylesheet but couldn't figure out how to fix this. I did post it originally as aquestion on the HoverBox forum - but they don't respond... Here is the link to one of my products' page when you can see what is happening whenopening a large image:
http://www.time-co.com/zencart/index.php?main_page=product_info&cPath=16&products_id=54
You guys are always so responsive - is there anything on the CSS Menu side that could fix this problem for me? I would much appreciate any advice...
Jettrue,
I have run into the situation where there are so many subcategories in the level 3 submenu that they extend below the page bottom. IF you have a wheel mouse you can scroll down the submenu chain. If not, if you try to move over to use the scroll bar on the right side, the menu disappears.
Do you think it would be possible to redo the CSS and maybe the template so that the subcategories (level 2 and lower) were listed in one or more horizontal rows rather than a vertical column?
Maury
Try searching this thread for "lightbox".Quote:
Originally Posted by all4coffee
Should sort out your problem. Let us know how you get on.
Craig
Hi JetTrue,
I'm ready to download your mod as all accounts seem to be great, but I wanted to confirm if it is tied to the admin panel to automatically load the categories/subcategories as they are edited, or if we'll need to go in and edit a separate file. Obviously, the categories won't change too much, but I'd love to hear that your menu automatically updates if a change is made in the admin panel.
Thanks
TracNez411Quote:
Originally Posted by TracNez411
As a user I can confirm for you that the menu will follow all changes you make to categories, subcategories, etc via the Admin panel, including additions, deletions and name changes. Enjoy it! :smile:
Maury
that is not in my plans, but if someone else wants to figure out something like that, that would be great!Quote:
Originally Posted by mauryg
Craig,Quote:
Originally Posted by CES
since my problem was not with a lightbox but with HoverBox I located my hoverbox stylesheet and changed the z-index setting from 100 to 1000 so it now reads like this:
#hoverbox{
position: absolute;
left: 0;
width: 100%;
z-index: 1000;
text-align: center;
line-height: 0;
}
Thank you so much for your help! Worked like a charm. This forum is the best.
hi
how i can get rid of the gap betwen menu levels?
http://lifebaby.freehostia.com/gap.html
:frusty::frusty::frusty:
HELP ME PLEASE
Thanks you!
Can we see a link to your store or the contents of your css file?
Craig
http://lifeconstruct.freehostia.com
and this is the stylesheet_header
body {
behavior: url(includes/csshover.htc);
}
/*green*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #4f4f4f!important;background:#D5E88F;}
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:#4f4f4f;
z-index:1000;
float:left;
}
div#dropMenu li:hover {}
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
div#dropMenu li.submenu:hover {}
div#dropMenu li a {display: block; padding: .6em 0;text-decoration: none; text-transform:uppercase; color:#ffffff; text-align:center; border-right:1px solid #ffffff;}
div#dropMenu li a.noLine {border:none;}
div#dropMenu>ul a {width: auto;z-index:1000;}
div#dropMenu ul ul {position: absolute; width: 8em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:8em;z-index:1000;}
/*div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} */
div#dropMenu ul.level1 li.submenu:hover ul.level2,
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {display:block;z-index:1000;}
div#dropMenu ul.level2 {background:#4f4f4f;z-index:1000;position:absolute;left:0;}
div#dropMenu ul.level3,
div#dropMenu ul.level4,
div#dropMenu ul.level5,
div#dropMenu ul.level6,
div#dropMenu ul.level7,
div#dropMenu ul.level8{top: 0; left: 12em; background:#4f4f4f}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;} /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}
thank you!!!!
how would i go about adding the other menu as shown at http://makeupconnection.com where it says specals featured whats new show all, and home login help community? i have read through about 30 pages and gave up lol, sorry. i wasnt sure if these were mods availale for download, or if the code is posted somewhere here. any help would be great!
You have two '8em' and one '12em' in the above lines.Quote:
Originally Posted by crinolina
Make them all them same (8 or 12). I use 12em.
Let us know how you get on.
Craig
I do believe that site uses this 'similar (Paul's Edition)' drop down menu for the products:Quote:
Originally Posted by mundi
http://www.zen-cart.com/index.php?ma...roducts_id=523
I do not know about the links you describe above.
I presume it is a bespoke design of the header.
You could try contacting TooLateSmart.
Craig
Yes, that site is using the "Paul's Edition", where the categories are shown in the drop down menu, with each category being a drop down. As far as the specials and such, that is not part of the mod, and something he added on his own.Quote:
Originally Posted by mundi
i have pm'd him to see if i can get an answer, would anyone know how to accomplish this look, maybe it is using javascript?(should i start another thread since it has nothing to do with this mod?)
i still have recieved no answer from him, so im not sure i will, but i used firefox to get a bunch of jscript from that site, if i put it up here, will you great people be able to help me figure out what other files i have to add, edit to get it to look somewhat similar?
Sorry, I don't have to time to set that up, you are also requiring images to get that done.Quote:
Originally Posted by mundi
I have been experiencing a minor problem with main page text showing up in its entirity above the Category page. I dont know how long this has been going on but the only mods I have done are css horizontal menu and FAQ module.
Its not a big deal but it could discourage customers from scrolling down to the bottom of the page to see the sub categories.
Can anyone tell me if its related to the dropdown menu.
Could I see a link to your site?Quote:
Originally Posted by pixelpadre
Scanmyid
LOL, thanks for the link and full sentence there.Quote:
Originally Posted by pixelpadre
I took a look at your site, but I'm not comprehending your problem. Can you send a link of a page with the problem with a more detailed description, along with which browser you are using?
Thanks!
ETA: Someone else had this issue, it is the FAQ module.
Ok..it used to be that I would go to the main page and see my blah blah blah. Then if you cllicked on a categorie on the left that had 2 sub categaories.....a new blank page would open with two subcategory icons with links.Quote:
Originally Posted by jettrue
Now....if you click on the category the main text page is regenerated with the two subcategory icons way down on the bottom after the text which should not be there.
What is "ETA: Someone else had this issue, it is the FAQ module"?
If you remove the FAQ module the problem will probably go away. I don't know WHAT the issue is, I just know someone had the same issue, and it was the FAQ module. I don't know the solution, sorry!Quote:
Originally Posted by pixelpadre
:blink: Hello. I recently installed this wonderful dropdown menu (v1.4). I uploaded all the files following the instruction. But when I checked with W3C CSS validator and found the following error:
URI : http://bioland-sci.com/includes/templates/CUSTOM/css/
stylesheet_header_menu.css
2 body Property behavior doesn't exist : url(includes/csshover.htc)
Could anybody tell me if it could be corrected? Thanks in advance.