- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Menu giustificato
-
Menu giustificato
Ciao a tutti,
ho un problema con la gestione di una lista non ordinata in un template CSS.
Praticamente vorrei distribuire gli elementi della lista (semplice testo)su tutta la larghezza del div contenitore.il div è di 770 px, gli elementi del menu sono 6 voci e vorrei che si auto-giustificassero sulla larghezza. E' possibile che CSS non supporti questa possibilità?
Grazie
-
Ciao,
non ho capito: vuoi mettere i <li> in orizzonatale a coprire il 100% della larghezza del contenitore, oppure vuoi giustificare il testo dentro ai <li>?
-
la prima che hai detto...:)
-
Ok allora devi solo dare display:inline ai <li> e dimensionarli in percentuale.
Se ad esempio ha 5 elementi lista, dai loro un width:20% (20x5=100). Questo ovviamente è un esempio ideale che non tiene conto di margini e padding.
-
ho provato ma non funziona. Ti quoto il codice così magari puoi vedere dove sbaglio.
div#menu{
margin:0;
padding:0;
clear:both;
background-color: white;
width: 770px;
border-top: 2px solid #009999;
border-bottom: 2px solid;
}
div#menu ul{
padding:0;
margin:0;
}
div#menu ul li{
display: inline;
width: 16%; (sono 6 elementi)
list-style: none;
}iin questo modo allinea a sinistra ma non giustifica. Riesci a capire qualcosa?
Grazie mille
-
Prova a mettere:
div#menu ul { width: 100%; }
-
niente...sembrava una cosa semplice e invece....
grazie per l'aiuto!!