Magento Forum

   
Help needed with modern theme topmenu location. 
 
enhancer
Jr. Member
 
Total Posts:  7
Joined:  2009-02-13
 

I have been using Magento for about 4 days now must say top notch CMS ecommerce solution..

I have managed to add a flash header and standard footer to my layout using the modern theme CMS 1.2.1 and move around certain menu bars, with not much problem..

My issue is the top menu showed in the screen shot i can move into location via the menu.css file, but this method causes ie 6 7 to not display as it does in FF.

I need a workable solution to move the catergory menu and breadcrumb into position as css method causes problems.

Please see attached image and below are the config files i think need adjusting to get my result.

Any help on this matter will be a great help....................

Image Attachments
screenshot.jpg
 
Magento Community Magento Community
Magento Community
Magento Community
 
enhancer
Jr. Member
 
Total Posts:  7
Joined:  2009-02-13
 

header.phtml

?>
    
<div class="header"
        <
h1 id="logo">
            <
a href="<?php echo $this->getUrl('') ?>">
            <
object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="1000" height="150" id="****" align="middle"
                <
param name="allowScriptAccess" value="sameDomain" /> 
                <
param name="movie" value="<?php echo $this->getSkinUrl('images/header.swf')?>" /> 
                <
param name="quality" value="high" /> 
                <
param name="bgcolor" value="#fdd5e9" /> 
                <
embed src="<?php echo $this->getSkinUrl('images/header.swf')?>" quality="high" bgcolor="#fdd5e9" width="1000" height="150" name="****" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> 
            </
object>
            </
a>
        </
h1>
    </
div>    
<?php echo $this->getChildHtml('topMenu'?>

 
Magento Community Magento Community
Magento Community
Magento Community
 
enhancer
Jr. Member
 
Total Posts:  7
Joined:  2009-02-13
 

page.xml

Default layoutloads most of the pages
-->

    <default>
        <
block type="page/html" name="root" output="toHtml" template="page/2columns-left.phtml">

            <
block type="page/html_head" name="head" as="head">
                <
action method="addJs"><script>prototype/prototype.js</script></action>
                <
action method="addJs" ifconfig="dev/js/deprecation"><script>prototype/deprecation.js</script></action>
                <
action method="addJs"><script>prototype/validation.js</script></action>
                <
action method="addJs"><script>scriptaculous/builder.js</script></action>
                <
action method="addJs"><script>scriptaculous/effects.js</script></action>
                <
action method="addJs"><script>scriptaculous/dragdrop.js</script></action>
                <
action method="addJs"><script>scriptaculous/controls.js</script></action>
                <
action method="addJs"><script>scriptaculous/slider.js</script></action>
                <
action method="addJs"><script>varien/js.js</script></action>
                <
action method="addJs"><script>varien/form.js</script></action>
                <
action method="addJs"><script>varien/menu.js</script></action>
                <
action method="addJs"><script>mage/translate.js</script></action>
                <
action method="addJs"><script>mage/cookies.js</script></action>
                <
action method="addCss"><stylesheet>css/reset.css</stylesheet></action>
                <
action method="addCss"><stylesheet>css/boxes.css</stylesheet></action>
                <
action method="addCss"><stylesheet>css/menu.css</stylesheet></action>
                <
action method="addCss"><stylesheet>css/clears.css</stylesheet></action>

                <
action method="addItem"><type>skin_css</type><name>css/iestyles.css</name><params/><if>IE</if></action>
                <
action method="addItem"><type>skin_css</type><name>css/ie7minus.css</name><params/><if>lt IE 7</if></action>

                <
action method="addItem"><type>js</type><name>lib/ds-sleight.js</name><params/><if>lt IE 7</if></action>
                <
action method="addItem"><type>js</type><name>varien/iehover-fix.js</name><params/><if>lt IE 7</if></action>

                <
action method="addCss"><stylesheet>css/print.css</stylesheet><params>media="print"</params></action>
            </
block>

            <
block type="page/switch" name="store_language" as="store_language" template="page/switch/languages.phtml"/>
            <
block type="page/html_header" name="header" as="header">
                <
block type="core/text_list" name="top.menu" as="topMenu"/>
            </
block>

            <
block type="page/template_links" name="top.links" as="topLinks"/>

            <
block type="page/html_breadcrumbs" name="breadcrumbs" as="breadcrumbs"/>

            <
block type="core/text_list" name="left" as="left"/>

            <
block type="core/messages" name="global_messages" as="global_messages"/>
            <
block type="core/messages" name="messages" as="messages"/>

            <
block type="core/text_list" name="content" as="content"/>

            <
block type="core/text_list" name="right" as="right"/>

            <
block type="page/html_footer" name="footer" as="footer" template="page/html/footer.phtml">
                <
block type="page/switch" name="store_switcher" as="store_switcher" template="page/switch/stores.phtml"/>
                <
block type="page/template_links" name="footer_links" as="footer_links" template="page/template/footer_links.phtml"/>
            </
block>

            <
block type="core/text_list" name="before_body_end" as="before_body_end"/>
        </
block>

        <
block type="core/profiler" output="toHtml"/>
    </default>

    <print>
        <!-- 
Mage_Page -->
        <
block type="page/html" name="root" output="toHtml" template="page/print.phtml">

            <
block type="page/html_head" name="head" as="head">
                <
action method="addJs"><script>prototype/prototype.js</script></action>
                <
action method="addJs"><script>mage/translate.js</script></action>
                <
action method="addJs"><script>prototype/validation.js</script></action>
                <
action method="addJs"><script>varien/js.js</script></action>

                <
action method="addCss"><stylesheet>css/reset.css</stylesheet></action>
                <
action method="addCss"><stylesheet>css/boxes.css</stylesheet></action>
                <
action method="addCss"><stylesheet>css/menu.css</stylesheet></action>
                <
action method="addCss"><stylesheet>css/clears.css</stylesheet></action>

                <
action method="addItem"><type>skin_css</type><name>css/iestyles.css</name><params/><if>IE</if></action>
                <
action method="addItem"><type>skin_css</type><name>css/ie7minus.css</name><params/><if>lt IE 7</if></action>

                <
action method="addItem"><type>js</type><name>lib/ds-sleight.js</name><params/><if>lt IE 7</if></action>
                <
action method="addItem"><type>js</type><name>varien/iehover-fix.js</name><params/><if>lt IE 7</if></action>

                <
action method="addCss"><stylesheet>css/print.css</stylesheet><params>media="print"</params></action>
            </
block>

            <
block type="core/text_list" name="content" as="content"/>

        </
block>
    </print>
</
layout>

 
Magento Community Magento Community
Magento Community
Magento Community
 
enhancer
Jr. Member
 
Total Posts:  7
Joined:  2009-02-13
 

menu.css

#nav { float:left; margin-top:15px; margin-left:15px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative;text-transform:uppercase; text-align:left;    }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; margin:1px 8px 11px 1px; padding:3px 8px; }
#nav li.active a { color:#444; }
#nav a { float:left; background:url(../images/nav_top_level_arrow.gif) no-repeat 100% 50%; padding-right:11px; color:#444; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#444; }
#nav li.over,
#nav li.active { margin:0 7px 10px 0; border:1px solid #bbb; background:#ececec; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active,
#nav ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; }
#nav ul li.parent { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%; }
#nav ul li.last { padding-bottom:0; }
#nav ul li.active { margin:0; border:0; background:none; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:22px; left:-10000px; border:1px solid #bbb; border-bottom:2px solid #999; padding:3px 8px; background:#fcfcfc; font-size:11px; }

/* Show menu */
#nav li.over > ul { left:-1px; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { padding:3px 0; color:#444 !important; }
#nav ul li a:hover { padding:3px 0; color:#5a7f00 !important; }

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }

 
Magento Community Magento Community
Magento Community
Magento Community
 
enhancer
Jr. Member
 
Total Posts:  7
Joined:  2009-02-13
 

3columns.phtml

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->getLang() ?>" lang="<?php echo $this->getLang() ?>">
<
head>
    
<?php echo $this->getChildHtml('head'?>
</head>
<
body <?php echo $this->getBodyClass()?'class="'.$this->getBodyClass().'"':'' ?>>
    <
div class="no-display">
        <
h4>Skip to Store Area:</h4>
        <
ul>
            <
li><a href="#main"><?php echo $this->__('Skip to Main Content'?></a></li>
            <
li><a href="#col-left"><?php echo $this->__('Skip to Left Column'?></a></li>
            <
li><a href="#footer"><?php echo $this->__('Skip to Footer'?></a></li>
        </
ul>
    </
div>
    <
div class="container">
        
<?php echo $this->getChildHtml('header'?>
        
<div class="outline-creator">
            <
div class="toplinks-bar">
                
<?php  echo $this->getChildHtml('store_language'?>
                
<strong><?php echo $this->getLayout()->getBlock('header')->getWelcome() ?></strong>
                
<?php echo $this->getChildHtml('topLinks'?>
             
</div>
            <
div class="search-bar">
                
<?php echo $this->getChildHtml('breadcrumbs'?>
                <?php 
echo $this->getChildHtml('topMenu'?>
                <?php 
echo $this->getChildHtml('topSearch'?>
            
</div>
            <
div class="middle layout-2columns">
                <
div class="col-left sidebar" id="col-left">
                    
<?php echo $this->getChildHtml('left'?>&nbsp;
                </
div>
                <
div class="col-main" id="main">
                    
<?php echo $this->getChildHtml('global_messages'?>
                    <?php 
echo $this->getChildHtml('content'?>
                
</div>
            </
div>
        </
div>
        <
div class="footer" id="footer">
            
<?php echo $this->getChildHtml('footer'?>
        
</div>
    </
div>
    
<?php echo $this->getChildHtml('before_body_end'?>
    <?php 
echo $this->getAbsoluteFooter() ?>
</body>
</
html>

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