Ciao a tutti...sto cercando di fare un menu orizzontale che permetta di essere visto interamente anche ad una risoluzione piu bassa tipo 1024.
codice:
<div id="menu">
<ul>[*]ciao ciao[*]ciao ciao[*]ciao ciao[*]ciao ciao[/list]
</div>
e il css
codice:
#menu{height:auto;}
#menu ul{list-style: none;line-height: 30px;margin-left:2px;}
#menu ul li{
float:left;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
padding-left:4px;
padding-right:4px;
background: #666;
color:#fff;
}
In questo modo però riducendo la pagina gli[*] vanno a capo...come faccio a impedirlo e a ridimensionarli in modo che sia il testo contenuto nell'elenco a passare su due righe???
Grazie a tutti!!!