We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 2762
    • 1,198 Posts
    Quote from: bll0 at Mar 22, 2006, 09:55 AM

    Ok, here you go:
    ......

    OK try this wink
    /* NAV - top horizontal nav */
    	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
    	#nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: 0 105px 0 40px}
    	#nav li {position:relative;background: #999;float: left;width: auto;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
    	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
    	#nav a:hover {color:#000}
    	
    	#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
    	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
    	
    	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
    	#nav li li.last {border-bottom:none}
    	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
    	#nav li li a:hover {color:#fff;background:#c00}
    	
    	#nav li.here {
    	background: #c00;
    	border-bottom: 3px solid #c00;
    	padding: 3px;
    }
    	#nav li.active ul {border:none;background: #c00 url("images/featurebox2_bg.gif") no-repeat 100% 100%}
    	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
    	#nav li.active a:hover {color:#000}
    	
    	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
    	#nav li.active li.last {border-bottom: none}
    	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
    	#nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%;color:#fff}
    	
    	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}
    
    	/* hide from IE mac \*/
    	#nav li {width:auto}
    	/* end hiding from IE5 mac */
    	
      Free MODx Graphic resources and Templates www.tattoocms.it
      -----------------------------------------------------

      MODx IT  www.modx.it
      -----------------------------------------------------

      bubuna.com - Web & Multimedia Design
      • 2762
      • 1,198 Posts
      Quote from: bll0 at Mar 24, 2006, 08:39 AM

      Would someone please have a look on the template with Internet Explorer? There seems to be a strange behaviour with the menu, but I can’t proof it because I’m using Linux only.

      Thank you!

      bll0

      In internet exploder, navigation jump to the top on loading page huh
      moving the mouse over, navigation returns to original position grin what a funny browser ie! grin
        Free MODx Graphic resources and Templates www.tattoocms.it
        -----------------------------------------------------

        MODx IT  www.modx.it
        -----------------------------------------------------

        bubuna.com - Web & Multimedia Design
        • 3586
        • 27 Posts
        Thanks banzai. I just wonder how to get rid of this. Just saw it "live". Very strange... Though it’s a strange browser. Do I really need to care about those few people using IE? wink

        I think I have to redesign the menu completely, but first get to know more about css...
          • 3505
          • 9 Posts
          Unfortunately those few people that still use ie are the general population, and in fact that whole population is probably going to be using the new and improved broken version of ie here soon thanks to automatic updates from M$
            • 28042 ☆ A M B ☆
            • 24,524 Posts
            Actually, we’ll have to support at least two or three differently broken versions of IE, since there will still be a very large number of people who have not yet been forced into an upgrade of their older versions of Windows, since IE 7 will only run in XP or Vista (when it actually does get released), so we’ll need to have special hacks for IE 6 and IE 7, as well as IE 5 and 5.5. The IE conditional section is going to be bigger than the rest of the template head!
              Studying MODX in the desert - http://sottwell.com
              Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
              Join the Slack Community - http://modx.org
              • 7923
              • 4,213 Posts
              Hi, I modified the DropMenu snippet to make the classes and ID’s the way that they are expected in this mollio template. Attached the code to this post, if anyone wants to use it. Works great. (btw, bll0, the problem you are having is because you don’t have &selfAsLink=`1` in the snippet call)

              Call this menu with these parameters:

              [!MollioMenu? &hereClass=`active` &topnavClass=`nav` &selfAsLink=`1`!]


                "He can have a lollipop any time he wants to. That's what it means to be a programmer."
                • 3586
                • 27 Posts
                Thank you very much!! smiley Great work! Is the IE problem solved as well?
                  • 7923
                  • 4,213 Posts
                  Looks good with IE6 atleast, so I guess yes.. Only thing what I’ve noticed that with IE the page "footer" bar is allways at the bottom of the window, no matter how much content in the site. But with FF, the footer comes right after the content.. didn’t feel like sorting it out, I just used min-height in #content to get the layout clean with FF too, but it would probably be easy to fix too..


                    "He can have a lollipop any time he wants to. That's what it means to be a programmer."
                    • 15826
                    • 160 Posts
                    to fix the min height thing for IE, just feed a height to IE only via conditional comment. IE treats it as a min height instead of correctly as a height.
                      "I’d love to change the world but I can’t find the source code . . ."

                      Custom ModX Templates
                      • 7923
                      • 4,213 Posts
                      Yes, I know, but the problem was that mollio has a "floating footer" and it works in IE but not in FF. undecided Look this page with IE and FF for example.


                        "He can have a lollipop any time he wants to. That's what it means to be a programmer."