Problema con tag UL, LI e display: block;

[niubbo]

Ho uno strano problema quando uso display: block; con i tag LI, quelli per fare sequenze numerate o con puntino o x fare menù....
Se uso display: block con[*] x ottenere un effetto "tasto", su explorer mi distanzia ogni link di un tot d pixel l'uno dall'altro senza lacuna logica... infatti su mozzilla nn lo fa affatto... se tolgo "block" la distanza tra un link e l'altro torna normale...

Qualcuno può aiutarmi? :master:

Grazie

[andrea.paiola]

azzerati i margini e i padding dei li?

[indigoindigo]

Ciao!
come mai usi "display: block" su li? qual'è il motivo o l'effetto che desideri ottenere?

[niubbo]

si ho messo tutto a 0... voglio fare dei rollover, ed infatti vengono... solo ke, nn so xkè, su explorer c'è una distanza in verticale tra un link e l'altro... su mozilla no...

[andrea.paiola]

prova a scrivere:

ul, ul *{margin:0;padding:0}

questo dovrebbe rendere cross-browser..

ah e scrivi tutti i tag minuscoli, così scriviamo selettori corretti

[thomas_anderson]

A livello di formattazione in un contesto di elenchi, i browser variano: IE ed Opera applicano il padding (Trident && Presto), Moz e FF il margin (Gecko). Ergo devi scegliere:

se vuoi usare il margin:

1=)

ul, ol {
  padding-left: 0;
  margin-left: 1em;
}

se vuoi usare il padding:

2=)

ul, ol {
  padding-left: 1em;
  margin-left: 0;
}

Fonte: Eric Meyer "Cascading Style Sheets. La guida completa". sulla libertà di interpretazione dei browser si consulti il capitolo 12 delle specifiche CSS2.