Spaziatura immagini nelle liste

[Mr_Flash]

Ciao a tutti,
premetto che ho provato a fare una ricerca nel forum e ad eseguire dei test ma non sono riuscito a risolvere il mio problema.

Ho una lista del tipo

<ul>[*]immagine1.gif[*]immagine2.gif[*]immagine3.gif[*]immagine4.gif[/list]

e vorrei eliminare la spaziatura tra le immagini stesse, ossia tra un[*] e l'altro.

Che cosa devo inserire nel css?

Attualmente ho una cosa del tipo

#colonna ul{
float: left;
width: 240px;
list-style:none;
margin:0;
padding:0;
}

#colonna li{
text-align:left;
}

Grazie

[Mich_]

Non so se la lista e` verticale o orizzontale, ma prova a eliminare margini, padding e border anche dai li:

#colonna ul{
  float: left;
  width: 240px;
  list-style:none;
  margin:0;
  padding:0;
}

#colonna li{
  text-align: left;
  margin: 0;        /* forse e` troppo eliminarli tutti */
  padding: 0;
  border: 0;
}

Potrebbe essere una cura troppo forte, nel qual caso dovrai sistemare opportunamente il margin-left del li (oppure il padding-left)

[Mr_Flash]

Ciao Mich_,
ho provato ma non cambia nulla! :-(

[Mr_Flash]

Su IE e Safari funziona, su Firefox no...dove sta l'inghippo??

[Mr_Flash]

Risolto con

line-height: 0px;

[Prill]

Ciao Mr_Flash, con ie7 e precedenti in realtà appare ancora lo spazio, se le tue immagini hanno tutte la stessa altezza potresti impostare anche l'altezza per le voci elenco e questo risolverebbe del tutto

[web agency N6]

ricordati di impostare sempre "0px" non solo "0"!

[fmortara]

Originariamente inviato da web agency N6
ricordati di impostare sempre "0px" non solo "0"!

sicuro? da quando? perchè?

[web agency N6]

"0 e basta" mi ha causato qualche problema in passato, il valore non veniva ben interpretato da alcuni browser, cose molto rare, ma io preferisco specificare sempre "0px",
Nell'esempio: padding: 30px 0px 15px 10px; mi sembra più corretto specificare l'unità di musira di tutti i lati.
Qui c'è una discussione, c'è anche chi la pensa diversamente: http://www.sitepoint.com/forums/show...hreadid=629834

[fcaldera]

0 è sempre equivalente a 0px o 0pt o...
non cambia nulla a livello pratico ed è sempre meglio evitare di scrivere l'unità di misura (più conciso)


@mr_flash,
prova a dare alle immagini display: block
oppure a settare un vertical-align:bottom

lo spazio tra un[*] e il successivo è dovuto al fatto che le immagini essendo elementi inline-replaced si allineano verticalmente alla baseline e creano un gap di circa 3 px