problema con menu verticale preso da cssplay

[blekm]

http://blekm.altervista.org/index1.html

come mai le frasi non mi vanno a capo come dovrebbero? Qualcuno può darmi una mano?

ho provato a impostare le altezze dei vari elementi, mi aumenta lo spazio, ma la scritta non va giù come dovrebbe

[Simo_Piaz]

potrebbe essere un problema di padding? se non c'è prova a impostarlo, così se gli dai valore 0 il testo sfrutta tutto lo spazio disponibile nel campo

[gengix]

Il problema secondo me è dato dal fatto che utilizzi un font serif come il Times New Roman.
I font serif come caratteristica oltre a possedere le grazie hanno i caratteri proporzionati, ovvero ogni carattere ha una sua ampiezza dovuta alla sue dimensioni. La I avrà una dimensione diversa dalla A.
Per esempio nel tuo caso lo spazio a disposizione permette di tenere sulla stessa riga due TT ma non una A e una T.
Se provi ad utilizzare un tipo di font non proporzionato(Monospace) come il Courier dovrebbero apparire uno sotto l'altro.
Diversamente prova aumentare la dimensione del font o lo spazio tra le lettere.
Seconde me dovresti risolvere in questo modo.

[blekm]

ho impostato

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

e infatti ora mi va tutto a capo.. non sapevo questa cosa dei "caratteri proporzionati", grazie per la spiegazione...

adesso solo non riesco a spaziare la quarta voce, DOVE SIAMO.. mi rimane attaccata

[gengix]

Prova utilizzare la proprietà letter-spacing per spaziare le lettere e utilizza white-space per distanziare le frasi (anche nella struttura utilizza il distanziamento delle parole).

[gengix]

Per essere precisi anche i font sans-serif che utilizzi te sono caratteri proporzionati, solo che non hanno le grazie come suggerisce il nome.
Il Times New Roman ha un'altezza in x più piccola rispetto al Verdana.
Se provi a dichiarare un font a 10px Verdana e un font a 10px Times New Roman vedrai che quest'ultimo risulta essere più piccolo rispetto al primo, nonostante la font-size sia uguale.
Per questo motivo probabilmente avevi il problema iniziale.

[blekm]

Originariamente inviato da gengix
Prova utilizzare la proprietà letter-spacing per spaziare le lettere e utilizza white-space per distanziare le frasi (anche nella struttura utilizza il distanziamento delle parole).

ho provato ogni combinazione di white-space sul div menu, ma non riesco a distanziare DOVE SIAMO

per il resto, adesso è tutto ok. Le voci sono scritte cosi

H O M E
A T T I V I T A

e come detto sopra, l'unico problema è lo spazio tra DOVE e SIAMO

[gabip87]

DOVE & nbsp; SIAMO

[blekm]

Originariamente inviato da gabip87
DOVE & nbsp; SIAMO

giusto, cosi ho la spaziatura giusta

non avevo pensato a questa soluzione

grazie