CSS Dropdown menu for the header- With Categories!

[Moebiusenterprises]

Ok... played with it a bit, and have it working!

Thanks!

Ignore me.
Whatever I did, brought the horrid white line back.
Reloaded the file, and the dropdown is goofy again (no links, little dots)
Someone with their brain functioning (mine isn't) please tell me what I'm doing wrong.....

[jettrue]

urk

Easier said than done. (for me, at least).

Basing the script on what's there, I went with this:

            <li><a href="<?php echo zen_href_link(define_PAGE_2); ?>"><?php echo BOX_INFORMATION_PAGE_2; ?></a>'</li>
              <li><a href="<?php echo zen_href_link(define_PAGE_3); ?>"><?php echo BOX_INFORMATION_PAGE_3; ?></a>'</li>
            <li><a href="<?php echo zen_href_link(define_PAGE_4); ?>"><?php echo BOX_INFORMATION_PAGE_4; ?></a>'</li>

First, it gives me a strange "dot" after each listing name, but more importantly, the links just go back to the main page without changes

I've taken it off the site at the moment, because it's confusing and unsightly.

If there's a simple bit of coding I'm not understanding, could someone let me know? Otherwise, I suppose I'll leave them separate (as I really don't want to go to the extreme of re-making the pages in ezpages)

Thanks!

Don't try to code them with all of that php, by hardcoding I meant like this:

<li><a href="index.php?main_page=page_2">Page 2</a></li>
<li><a href="index.php?main_page=page_3">Page 3</a></li>
<li><a href="index.php?main_page=page_4">Page 4</a></li>

[Moebiusenterprises]

Don't try to code them with all of that php, by hardcoding I meant like this:

<li><a href="index.php?main_page=page_2">Page 2</a></li>
<li><a href="index.php?main_page=page_3">Page 3</a></li>
<li><a href="index.php?main_page=page_4">Page 4</a></li>

I always seem to make life harder on myself, thanks.

Curiously, when I get that to work, the little white line on the right comes back (double checked, and the "noline" reference is intact in the file )...

ideas???

[jettrue]

I always seem to make life harder on myself, thanks.

Curiously, when I get that to work, the little white line on the right comes back (double checked, and the "noline" reference is intact in the file )...

ideas???

actually the class="noLine" is missing:

<li><a href="http://moebiusenterprises.com/shop/index.php?main_page=shopping_cart">Shopping Cart</a></li>

it should be:

<li><a class="noLine" href="http://moebiusenterprises.com/shop/index.php?main_page=shopping_cart">Shopping Cart</a></li>

[Moebiusenterprises]

actually the class="noLine" is missing:

<li><a href="http://moebiusenterprises.com/shop/index.php?main_page=shopping_cart">Shopping Cart</a></li>

it should be:

<li><a class="noLine" href="http://moebiusenterprises.com/shop/index.php?main_page=shopping_cart">Shopping Cart</a></li>

ok, my file ... includes/templates/mytemplate/common/tpl_drop_menu.php says exactly this:

      <li><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
        <ul class="level2">
          <li><a class="noLine" href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
        </ul>
      </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>

Am I in the wrong file? I'm following the instructions you gave me earlier that worked... don't understand what changed.

[pongky]

Hi, I'm back with a little problem, btw, the mod has been working fantastically so far! The last bit I have to do now is to align the submenus to be right-aligned with the main menu items (as pictured). I'm not sure what to edit in the css to allow this to happen, any help is appreciated!

Thanks in advance!

[jettrue]

ok, my file ... includes/templates/mytemplate/common/tpl_drop_menu.php says exactly this:

      <li><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
        <ul class="level2">
          <li><a class="noLine" href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
        </ul>
      </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>

Am I in the wrong file? I'm following the instructions you gave me earlier that worked... don't understand what changed.

Well, that noLine isn't showing up online. I noticed a small issue with your code above, but the noLine should still be showing up. Anyhoo, try replacing the whole section for the shopping cart:

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li class="submenu"><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><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
<?php } ?>

[jettrue]

Hi, I'm back with a little problem, btw, the mod has been working fantastically so far! The last bit I have to do now is to align the submenus to be right-aligned with the main menu items (as pictured). I'm not sure what to edit in the css to allow this to happen, any help is appreciated!

Thanks in advance!

Could I see a link? I don't know how much you've adjusted stylesheet_header_menu.css, but adding a negative left here may help:

div#dropMenu ul.level2 {background:#4f4f4f;z-index:1000;position:absolute;left:-4em;}

Then to get the text right-aligned, adding text-align:right here may help:

div#dropMenu li a {display: block; padding: .6em 2em .6em 2em;text-decoration: none; text-transform:uppercase; color:#ffffff; border-right:1px solid #ffffff;text-align:right;}

[Woodymon]

For a learning experience I combined this mod with the Future Zen template by Kuroi. Currently developing this site off-line. Good results so far.

However centering the menu bar is not working out for me. By default the menu bar is left justified but that does not look good. I'd rather have it float in a horizontally centered position and maintain centered position with respect to shop logo on top of page. And look readable when browser type size is increased or decreased or when OS GUI screen resolution and/or type size is altered.. (currently when type size is reduced the menu becomes difficult to read and when font size increased menu wraps to a second line (prematurely) and submenu items wrap to a second line.

Is it possible to freeze the menu so it does not change size relatively (keep size absolute) without messing up the menu functionality?

I've read through most of this thread and did not find a solution that works.

I can post relevant CSS if needed. Thanks for any advice or pointers.

Woody

[pongky]

Awesome, thank you - that does work, though it doesn't align it properly for each main element - as some of the text is shorter - but I think it should be fine. Last question, is it possible to have only the last item ("FEATURING") in the main links to be a different color (blue)? How can I setup the css to do that?