[Realizzazione menu] Problema allineamento voci.

[d-force]

Ciao a tutti!

Vorrei realizzare un menu come segue:

appartamenti ~ prezzi ~ informazioni e prenotazioni ~ contatti

Ora vorrei che la voce "informazioni e prenotazioni" anzichè stare tutta su una riga, vorrei che fosse 'spezzata' su 2 righe (questo per motivi di spazio nel mio menu).

Ora, se io inserisco tutto il menu in una tabella formata da 4 celle, ovviamente non ci sono problemi.

Il problema lo trovo quando voglio inserire tutto il menù all'interno di un Tag <div>...

Esiste una soluzione al caso?

Grazie per il vostro gentile aiuto

d-force

[floyd46]

potresti provare con delle voci elenco ed assegnare una width al tag li; secondo me dovrebbe andare a capo. prova e posta come va.
Non serve avere delle celle di tabella per fare una barra di navigazione, secondo me.
ciao

[d-force]

Ciao floyd46,

Grazie per la tua risposta!

Il problema è che non sono molto pratico di Html...

Se faccio dei tag[*] mi visualizza il menù in verticale, ma io lo vorrei in orizzontale...

E poi come si inserische evenrtualmente un tag width, a chi si deve riferire?

[floyd46]

nel css devi dichiarare, per il tag li, display:inline e non ti viene + visualizzato in verticale. Non è html questo.
poi dovresti dichiarare, sempre per il tag li, una larghezza; cioè:
width:XXXpx. Qui dovresti provare a vedere quale è quella a te + convenienteche ti faccia andare a capo il testo.
spero di essere stato chiaro.
ciao

[d-force]

Ciao floyd46,

Questo è il codice che ho scritto per la "classe" da attribuire al tag[*]

.menx {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-variant:small-caps;
text-align:center;
display:inline;
padding-right:10px;
padding-top:8px;
margin-top:5px;
width:35px;
}

Il problema è che non prende ne la proprietà "Width" ne il "Padding"

Dispone le voci del menu in orizzontale, ma non spezza la voce "informazioni e prenotazioni"

Dov'è che sbaglio?

Grazie ancora!

d-force

[floyd46]

ciao, scusa x il ritardo con cui ti scrivo, ecco il codice:
#nav{
text-align:left;
margin:10px auto;
padding:0;
width:400px;
background:#e2e2e2;
}
#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 35px;
width:400px;
}
#nav li {
padding: 0;
margin: 0;
display: inline;
width: 100px;
height: 35px;
float: left;
text-align:center;
}

nella pagina html scrivi:
<div id="nav">
<ul>[*]Appartamenti[*]Prezzi[*]Informazioni e prenotazioni [*]Contatti[/list]
</div>

ciao e fammi sapere come va.
Floyd

[d-force]

Ciao Floyd!

Grazie 1000 per il tuo gentilissimo aiuto!

Sostanzialmente funziona, ma anche se la voce "Informazioni e Prenotazioni" la spezza su due righe, le altre voci le distanzia troppo, costringendomi a mettere solo poche voci nel menu.

Se invece potessi "avvicinare" tutte le altre voci sarebbe effettivamente meglio.

Esiste la possibilità di dare solo alla voce "Informazioni e Prenotazioni" una determinata larghezza? Io, ho provato ma non prende questo comando.

Che si può fare?

Guarda questa pagina http://www.piedicosta.com/esempicss/appartamenti.htm

Dovrei spezzare le vosi doppie "come arrivare" e "Cosa Fare", ma senza allontanare le altre, sennò non c'entrano tutte...

Grazie ancora, attendo un tuo aiuto!

d-force

[floyd46]

ciao
ti ho fatto l'esempio in base a quello che mi hai kiesto;
adesso sta a te adattarlo alle tue esigenze.
Prova a modificare margini e padding e vedi come meglio potrebbe venire.
Floyd

[d-force]

OK provo subito!

Grazie 1000 Floyd!!!!