margin nei tag <li>

[techno]

salve ho dato un display table ad un elenco <ul> e table-cell agli filgi[*]

CSS:

ul { list-style:none; display:table; }
li { display:table-cell; border:1px solid #F00; margin-right:3px;; }

<ul>[*]....[*]....[*]....[/list]

ora vorrei capire il perche non da il margin-right

non da lo spazio di 3px????

[techno]

nessuno mi sa dare un aiutino

[ResianTaxidrive]

cambiando nel li da display:table-cell a display:inline ottieni quello che vuoi ottenere?

[Shores]

Semplicemente, se non ricordo male nel box model delle tabelle NON si può dare un margin, al massimo un padding!

Ciao.

[techno]

facendo cosi:

ul { list-style:none; display:inline-table; }
li { display:inline; border:1px solid #F00; margin-right:3px;; }

non va bene mi mette gli li uno sotto l'altro e non di fianco;

non vorrei ricorrere al float.

[Shores]

Ma i miei post li leggete?

NON E' PERMESSO dare dei margin NE' a ciò che ha display:inline NE' a ciò che ha display:table cell!!!!!

Provate a dare un padding con display:table-cell e vedrete che funziona...

[ResianTaxidrive]

veramente a me questo:

li { display:inline; border:1px solid #F00; margin-right:30px;}

funziona; li mette in linea e da il margine a destra

[ResianTaxidrive]

non vorrei ricorrere al float.

cos'è questa sentenza ??

[Shores]

Originariamente inviato da ResianTaxidrive
veramente a me questo:

li { display:inline; border:1px solid #F00; margin-right:30px;}

funziona; li mette in linea e da il margine a destra

Hai ragione, errore mio: però invece sui display table-cell ho ragione io, il layout model delle tabelle non prevede l'uso dei margini!

[Prill]

Fra l'altro il display:table non ha supporto crossbrowser (explorer, almeno fino alla versione 8, non lo rende correttamente)