Lista con elementi di diversa spaziatura

[lupoz]

Devo fare un sitoweb, mi è stato chiesto di fare un menù che sia contenuto in un blocco in cui lgli elementi della lista devono avere sempre la stessa lunghezza (vedere foto esempio allegata).

é possibile fare una cosa del genere con i css? bisogna usare immagini o è meglio farlo direttamente in flash a discapito, presumo, dell'indicizzazione?

[fcaldera]

teoricamente se ai list-item dai text-align: justify; e poi termini con un a capo
dovresti ottenere quell'effetto
[*].....
<li/>

Fai una prova

[lupoz]

Cosi non funziona....
mi sa che align justify modifica solo lo spazio tra le parole non tra le lettere.

[Mich_]

Per cambiare la distanza tra le lettere, esistono i seguenti attributi CSS:
font-stretch
letter-spacing

Verifica che succede se li usi (naturalmente dovrai inserire le singole righe in <span> opportuni).

In alternativa io userei immagini preconfezionate, da completare con opportuni alt= .

Per un menu cosi` semplice, ritengo flash un po' sovradimensionato: sono piu` i problemi per rendere poi la pagina accessibile anche a chi non ha l'applicativo.

[lupoz]

si infatti non mi piace l'idea di usare flash sia per l'accessibilità che per l'indicizzazione.
Solo che considerando che il menù ha parole diverse per numero di lettere impostare tutti gli spazi tra le lettere ci vuole un ingegnere...

forse è meglio usare le immagini

[Mich_]

Originariamente inviato da lupoz ...
Solo che considerando che il menù ha parole diverse per numero di lettere impostare tutti gli spazi tra le lettere ci vuole un ingegnere...

... Oppure fai una serie di prove, finche` trovi i parametri migliori per ciascuna singola riga.
Il problema e` che i browser potrebbero interpretare a modo loro (lo fanno anche per cose molto piu` importanti), per cui trovate le misure corrette per una combinazione di
densita` dei px - browser - dimensione dei caratteri
non e` sicuro che la cosa resti valida cambiando anche una sola delle misure di cui sopra.

Le immagini invece risolvono: sono pero` meno accessibili (occorre sempre metterci l'alt, per limitare i danni) e potrebbero essere poco visibili/chiare per alcune persone.

[lupoz]

Originariamente inviato da Mich_
... Oppure fai una serie di prove, finche` trovi i parametri migliori per ciascuna singola riga.
Il problema e` che i browser potrebbero interpretare a modo loro (lo fanno anche per cose molto piu` importanti), per cui trovate le misure corrette per una combinazione di
densita` dei px - browser - dimensione dei caratteri
non e` sicuro che la cosa resti valida cambiando anche una sola delle misure di cui sopra.

Le immagini invece risolvono: sono pero` meno accessibili (occorre sempre metterci l'alt, per limitare i danni) e potrebbero essere poco visibili/chiare per alcune persone.

Io sono perfettamente d'accordo, solo che chi i ha commissionato il sito ha preteso questa soluzione, io avrei fatto altrimenti e gli e lo anche spiegato, quindi la responsabilità di escludere o meno persone a suo sito la lascio a lui