Magento Forum

[RESOLVED]Help with adding custom menu bar
 
Nabbic
Jr. Member
 
Total Posts:  8
Joined:  2008-09-02
 

Hello sorry for the lengthy post but this is starting to drive me nuts and i’m sure there is a simple answer to this that i am just missing.

The files in question that i’m working with are
/app/design/frontend/default/default/template/page/html/header.phtml
and a file i have named “headersite.php” which includes my menu bar created with dreamweaver using the Spry Horizontal Menu Bar.

This is the code of my header.phtml
if you look near the bottom you can see i have added the include “headersite.php”
Now the problem i am having is the stylesheet the spry bar creates is not loading.
As in that i mean i can get the menu bar to show up on my homepage where i want it but it does not take on the formatting from the stylesheet.
do i need to put something in a table or add a div tag somewhere?
Any help on this will be greatly appreciated
Thanks!

Header.phtml

?>

<div class="header-top-container">
    <
div class="header-top">
        <
h1 id="logo"><a href="<?php echo $this->getUrl('') ?>"><img src="<?php echo $this->getLogoSrc() ?>" alt="<?php echo $this->getLogoAlt() ?>" /></a></h1>
       
      <
class="no-display"><a href="#main"><strong><?php echo $this->__('Skip to Main Content'?> &raquo;</strong></a></p>

        
<?php echo $this->getChildHtml('topSearch'?>

        
<div class="quick-access">
            <
strong><?php echo $this->htmlEscape($this->getWelcome()) ?></strong><br />
            <
div class="shop-access">
                
<?php echo $this->getChildHtml('topLinks'?>
            
</div>
            
<?php echo $this->getChildHtml('store_language'?>
        
</div>
      
<?php Include("headersite.php"); ?>


    
</div>
</
div>
<?php echo $this->getChildHtml('topMenu'?>

headersite.php

<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<
style type="text/css">
<!--
#apDiv1 {
    
positionrelative;
    
left:2px;
    
top:12px;
    
width:335px;
    
height:45px;
    
z-index:1;
}
-->
</
style>
<
ul id="MenuBar1" class="MenuBarHorizontal">
 <
li><a href="http://www.homedesktopsystems.com/Mainpage/home.php">Home</a> </li>
              <
li><a href="http://www.homedesktopsystems.com/boards">Forums</a></li>
<
li><a href="http://www.homedesktopsystems.com/Mainpage/about.html">About us</a></li>
                              </
li>
    <
li><a href="#" class="MenuBarItemSubmenu">Support</a>
                  <
ul>
                    <
li><a href="http://www.homedesktopsystems.com/Mainpage/faq.php">FAQ</a></li>
                    <
li><a href="http://www.homedesktopsystems.com/Mainpage/driver.html">Drivers</a></li>
                    <
li><a href="http://www.homedesktopsystems.com/Mainpage/techsupport.html">Technical Support</a></li>
      </
ul>
</
li>
              <
li><a href="#" class="MenuBarItemSubmenu">Contact us</a>
                <
ul>
                    <
li><a href="http://www.homedesktopsystems.com/Mainpage/contact.php">General Inquiry</a></li>
                    <
li><a href="http://www.homedesktopsystems.com/Mainpage/custom.html">Custom Request</a></li>
                </
ul>

                  <
script type="text/javascript">
<!--
var 
MenuBar1 = new Spry.Widget.MenuBar("MenuBar1"{imgDown:"SpryAssets/SpryMenuBarDownHover.gif"imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
 
Magento Community Magento Community
Magento Community
Magento Community
 
Nabbic
Jr. Member
 
Total Posts:  8
Joined:  2008-09-02
 

No suggestions on this?  Anything will help.  After working on this and changing some stuff up last nite i got it to work flawlessley in IE7 but not FF. Seems kind of odd cause shouldn’t that be the other way around?

 
Magento Community Magento Community
Magento Community
Magento Community
 
Nabbic
Jr. Member
 
Total Posts:  8
Joined:  2008-09-02
 

Got this worked out finally if anyone cares to check it out goto http://www.homedesktopsystems.com and goto the build-it link.
Have done a lot of modifications to the default theme there and happy to answer any questions.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top