menu footer

[LaFleur]

salve a tutti come da titolo sto sviluppando un sito dove il menu deve essere in basso (sul footer) sono riuscito a posizionarlo in basso il problema è che i sotto menu vengono aperti in basso quindi non si vedono...come faccio a farli aprire verso l'alto?

#nav>li ul{
	display: block;
	vertical-align:top;
	/*height: 330px;*/
	margin-top: -350px;
	padding: 0px -350px;
	border-top: 1px solid rgb(0,0,0,0.0);
	background: #1d2023;
	/*border-radius: 0px 10px 0px 10px;*/
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-webkit-box-shadow: 0px 3px 2px rgba(0,0,0,0.4); 
	-moz-box-shadow: 0px 3px 2px rgba(0,0,0,0.4); 
	/*box-shadow: 0px 3px 2px rgba(0,0,0,0.4); */
}

questo è quello che ho fatto.

[Mich_]

Da quello che hai postao non si puo` vedere. La parte che si apre non e` quella postata.
[potrebbe essere citata nel CSS dal selettore #nav>li:hover oppure #nav>li a:hover , o qualcosa di analogo/equivalente]

Comunque ci sono numerose raccolte di menu in rete: alcune sono citate tra i "link utili" del forum.
A ma piace come sono fatti i menu di CSSplay. E mi ricordo di aver visto anche menu che si aprono verso l'alto.

[LaFleur]

Da quello che hai postao non si puo` vedere. La parte che si apre non e` quella postata.
[potrebbe essere citata nel CSS dal selettore #nav>li:hover oppure #nav>li a:hover , o qualcosa di analogo/equivalente]

Comunque ci sono numerose raccolte di menu in rete: alcune sono citate tra i "link utili" del forum.
A ma piace come sono fatti i menu di CSSplay. E mi ricordo di aver visto anche menu che si aprono verso l'alto.

Adesso guardo nella sezione che mi hai cosigliato posto comunque il codice mancante che mi hai richiesto:

#nav{
    display: block;
    position: absolute;
    top: 0px;
    left: 30px;
    height: 79px;
    width: 906px;
}


#nav>li{
    display: block;
    float: left;
    height: 100%;
    margin-right: 32px;
}


#nav>li:first-child{}


#nav>li>a{
    display: block;
    font-size: 16px;
    color: #bac0c9;
    text-decoration: none;
    margin-top: 20px;
    /*text-shadow: 0px -2px rgba(0, 0, 0, .8);*/
}


#nav>li>a>span.subheader{
    display: block;
    font-size: 11px;
    color: #656b74;
    font-style: italic;
    margin-top: 10px;
}


#nav>li.current-menu-item{
    background: url(../img/menu-arrow.png) no-repeat center bottom;
}




#nav>li:hover>a{
    color: #fff;
}

[-Lebowski-]

http://jsfiddle.net/W5FWW/583/

http://jsfiddle.net/fJSVz/286/