CSS Dropdown menu for the header- With Categories!

[jettrue]

Hi Jade, Not sure if you had an answer/suggestion for this. I'm re-posting in case you missed the thread, or my phrasing wasn't too clear: Is it possible to place matching end-cap images on each side of the drop-down menu in order to create a "rounded" corners effect on the ends? Like adding a cell on each end to hold a .gif image...? Here's what I mean: http://www.musecards.com/store/DropDown.gif (If anyone else on this board has figured out how to do this, please let me know. Thanks!)

Sure, its possible, though I don't know how easy. What I would do is give the first and last menu item its own css style, maybe like this:

In includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php, change this:

<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>

to this:

<li class="submenu" id="leftCap"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>

and then change the last link:

<li class="submenu" id="rightCap"><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
</ul>
</li>
<?php } else { ?>
<li id="rightCap"><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>

And then in the css, give #leftCap and #rightCap their own background images.

Your menu is still broken into two lines in Firefox... I posted some new css here:
http://www.zen-cart.com/forum/showpo...&postcount=484

which should fix the issue.