elementi equidistanti su una riga

[Bregovic]

CIao a tutti,
sto cercando di crearmi un menu orizzontale..
E' molto semplice, il problema è che la riga orizzontale ha una larghezza fissa, gli elementi devono essere equidistanti tra loro, ma non so il numero di voci (ovvero tramite un admin si possono aggiungere o togliere voci..).

Io li ho messi in linea senza problemi, e distanziati con il margin.. ma ovviamente se si aggiunge o toglie una voce il tutto si sballa.

ho visto un tutorial che usa le percentuali, ma non sapendo il numero di elementi..
come potrei risolvere??

grazie!

[marco.carrieri]

Gli elementi come li dichiari?
Con "li" del campo "u" ?

[Bregovic]

No in realtà al momento ho solo creato dei link e modificato lo stile del tag a.

non sono molto ferrata sulle liste.. utilizzandole potrei renderli equidistanti?

[marco.carrieri]

Quindi hai una struttura del genere?

<div id="menu">
   [url="#"]LINK1[/url]
   [url="#"]LINK2[/url]
   [url="#"]LINK3[/url]
</div> 

Equidistanti come?
Partendo da sinistra ad esempio tutti devono avere a sinistra uno spazio di 20px?

[Bregovic]

Si ho una struttura simile.
Il problema è che la distanza deve essere variabile.

Ovvero se io ho 500px a disposizione.. se ho 5 elementi di menu la distanza dovrà essere 30px... se ne ho 6 sarà meno...

il numero di elementi è variabile, ovviamente non da zero a mille, ma per intenderci avrò un massimo (10 circa)..

quello che vorrei è che si adattasse e calcolasse automaticamente la distanza tra un elemento e l'altro..

forse le tabelle?
(che non conosco....)

[marco.carrieri]

Non puoi scegliere un idea del genere?
Li metti centrati tipo cosi.
| LINK1 LINK2 |
E se si aggiunge un link la distanza tra essi è sempre la stessa e centrati.
Cambierà solamente la distanza dai lati.
Altrimenti credo potresti fare una cosa mista con linguaggio server e una serie di if o switch.
Dove controlli il numero di elementi (se sono contenuti).
E imposti una variabile padding ogni volta.

[Bregovic]

No non va bene perché devono essere distribuiti su tutta la mia "striscia" di sfondo..

Per il momento ho risolto usando, sigh, le tabelle..
Il risultato non è nemmeno perfetto perché non sono equidistanti, ma almeno sono distribuiti.

Volendo usare css e non tabelle sono sempre aperta a consigli.. magari il famoso display:table-cell?

io farò qualche prova.. in attesa di suggerimenti!

grazie