Horizontal CSS Menus with submenu

[greenweb]

Horizontal CSS Menus with submenu



This is my personal version of Horizontal menù with sottomenù that comes visualized when the tab it comes cliccato. Tested on win: Work 8,54, Firefox 1,5, IE 6,0, IE 5.5

Demo free to use:
http://greenweb.altervista.org/webdi...1/tabs_sm.html

[myyoungfamily]

Hey,
Can you post your CSS or attach the stylesheet so we can see how you did this?
-Jonathan

[Twey]

http://greenweb.altervista.org/webdi..._sottomenu.css

[myyoungfamily]

When I click that link it takes me here: http://home.altervista.org/site/ ?
-Jonathan

[Twey]

Maybe some kind of hotlink protection?

body{font: 100.01% "Trebuchet MS",Arial,sans-serif}

/******************************* Tabs */
div#header {background: #E6F2F2; margin: 0; padding: 0;}
div#sfondo {background: #CEE7E7; height: 1.5em; margin: 0.5em}
div#menu{background: #E6F2F2;padding: 0; margin: 0; position: relative; border-bottom: 1px solid #787878;}
div#menu ul{list-style-type: none;margin: 0;padding:0;}
div#menu li{display: inline;margin: 0;padding:0}
div#menu li a{text-decoration: none;border: 1px solid #787878; padding: 0px 0.3em;
    background: #ccc;color: #036;}
div#menu li a:hover{background-color: #f0f0f0}
div#menu li#attiva a{border-bottom: 1px solid #CEE7E7;background-color: #CEE7E7;color: #603;}

/************************* sottomenu */



#menu li#attiva li a {
         border: none;
		 margin-left: 0.5em;
         
		 
		
		 

}





#menu li ul {
        display: none;


}



#menu li#attiva ul {
       width: 100%;
        height: 2em; /*opera, firefox*/
		line-height: 2em;

        display: block;
        margin: 0;
        padding: 0;
       position: absolute;
		
        top: 1.5em;
		left: 0;
      border-bottom: 1px solid  #787878;
	  background-color: #CEE7E7;
       

}







/***************************** contenuti */

h1 {
   margin: 0 0.5em;
   padding: 0;
}

#contenuti {
           margin: 2em 0.5em;
           padding: 10px;
		    
	
}

[myyoungfamily]

So, the sublevel text is pulled in from external html files?
-Jonathan

[Twey]

Not insofar as I can tell, no. The "menu levels" are just all totally seperate HTML files.

[myyoungfamily]

Ok, cool idea...
-Jonathan

[Twey]

Not really, it's rather inefficient, and exceedingly difficult to do when one wants the menu across different pages, especially without server-side scripting.

[greenweb]

hello boys, if tried the menu, can indicate the browser that used? Thanks