compattare ul e img

[zoom]

ho la necessità di creare delle liste una sotto l'altra con un'immagine che le separa

per intenderci
<ul>[*]...[/list]
<img ...>
<ul>[*]...[/list]


a me serve che non esista nessuna spaziatura tra le due liste e l'immagine, però pur settando i margini a 0 mi rimane dello spazio :master:

	ul.eventi{
		text-align: left;
		margin: 0.5em;
		padding: 0.5em;
		margin-bottom: 0;
		margin-top: 0;
		list-style-image: url(../img/puntino.gif);
	}

nell'immagine trovate l'esempio. a sinistra cosa ottengo e a destra cosa vorrei.
perchè rimane così spaziato? :master:

[bagu]

prova a dare all'immagine display:block
ciao paolo

[zoom]

grazie mille, funziona alla perfezione

[zoom]

e invece no.
credevo fosse risolto.
poi avevo abbandonato la pagina per altri progetti.
in realtà su IE l'immagine superiore rimane ancora molto staccata da ul.

[img]/img/line_nera.gif[/img]
<ul>
	[*]link
	[*]link
	[*]link
	[*]link
	[*]link
	[*]link[/list]
[img]/img/line_nera.gif[/img]

i margini della lista sono a 0 e le immagini sono block. :master:
Perchè Ie quella sotto me la fa giusta e quella sopra no?

[pierofix]

Sicuri che si possa mettere un'immagine come figlia di ul?

[jesus]

Originariamente inviato da pierofix
Sicuri che si possa mettere un'immagine come figlia di ul?

l'immagine non è figlia di ul... si trova allo stesso livello

[jesus]

io non riesco a capire bene il problema... le ul sono affiancate con il float? Non hai un link della pagina?

[pierofix]

Originariamente inviato da jesus
l'immagine non è figlia di ul... si trova allo stesso livello

Scusa, avevo letto male io. Mmm, io direi di mettere il solito margin-padding uguale a zero. Può essere che magari sussista lo spazio in quanto dopo img c'è un ritorno a capo, nel codice? So che spesso è quella la causa del problema.

[zoom]

il problema è quello nell'immagine allegata un paio di post sopra.
praticamente tra ul e img IE lascia tantissimo spazio.
a me invece serve come sulla destra, cioè ravvicinata.
mettendo display:block alle immagini ho risolto parzialmente.
Adesso quella sotto si è compattata, mentre quella sopra rimane ancora staccatissima, ma ha la stessa classe applicata

Ciofeca di IE

@pierofix... ho provato a mettere tutto su una stessa linea e non cambia niente.
i margin-padding sono a 0 sia nelle immagini che nell'ul

[jesus]

Originariamente inviato da zoom
il problema è quello nell'immagine allegata un paio di post sopra.
praticamente tra ul e img IE lascia tantissimo spazio.
a me invece serve come sulla destra, cioè ravvicinata.
mettendo display:block alle immagini ho risolto parzialmente.
Adesso quella sotto si è compattata, mentre quella sopra rimane ancora staccatissima, ma ha la stessa classe applicata

Ciofeca di IE

@pierofix... ho provato a mettere tutto su una stessa linea e non cambia niente.
i margin-padding sono a 0 sia nelle immagini che nell'ul

Se utilizzi il float sulle ul prova a vedere qui

http://pro.html.it/articoli/id_525/idcat_8/pro.html

magari si tratta del Doubled-Margin Float bug di explorer.

ciao