[CSS] problema menù in CSS
Ciao a tutti, ho un problema che non riesco a risolvere.
Sul mio sito sto applicando le nozioni che imparo a scuola (frequento il 5° anno di un istituto informatico). Ho provato ad inserire un menù creato con il linguaggio CSS. Il menù si vede e funziona, ma c'è solo un problema: se in un campo del menù scrivo più parole, esse vengono disposte su più righe.
Per intederci vi posto lo screen preso dal mio sito:
http://img21.imageshack.us/img21/484/catturage.png
La frase: Torna alla Home Page viene divisa in 4 righe, e io voglio tenerla su una sola riga.
La mia domanda è: che campo del codice CSS devo modificare o aggiungere?
Ecco il codice CSS:
Codice:
/*1. lo stile del div contenitore con id=%u201Dmenu_css_orizzontale”*/
#menu_css_orizzontale{
overflow:hidden;
width:100%;
padding:1px;
background-color: black;
/* border:1px solid black;*/
}
/*2. lo stile css dei link (elementi <a>)*/
#menu_css_orizzontale a{
display:block;
float:left;
width:60px;
height:25px;
margin-left:1px;
padding-left:15px;
background-color:black;
border-left:10px solid black;
font-family:arial;
font-size:15;
text-transform:uppercase;
text-decoration:none;
color: white;
line-height:25px;
}
/*3. lo stile css sullo stato hover dei link*/
#menu_css_orizzontale a:hover{
background-color:black;
border-left:10px solid black;
color: blue;
}
/* rimossione del margine sinistra per il primo link*/
#menu_css_orizzontale a.primo{
margin-left:0;
}
Mentre, nella pagina, ho aggiunto solo questo codice:
Codice HTML:
<div id="menu_css_orizzontale">
<a href="index.html" class="primo">Torna alla Home Page</a>
<a href="#nogo">Secondo Link</a>
</div>
la pagina sulla quale c'è il menù è: http://www.houseofsmile.altervista.org/prova.html
Come posso risolvere il problema?
Grazie in anticipo!
