firefox pproblema di spazio due immagini una apresso all'altra

[yag]

salve ho due immagini una dietro l'altra
su
firefox
nescape
opera
mi lascia una spazio
si
ie no

<div style='float:left;width:610px'>
[img]immagini//top3.jpg[/img]
[img]immagini/top5.jpg[/img]
</div>

perchè ? non riesco a capire

[insurrection]

caspita, questo interessa anche a me...perché?

[yag]

Originariamente inviato da insurrection
caspita, questo interessa anche a me...perché?

Semplice :-)
Devi cambiare il line-height e metterlo uguale a zero

[Vincent.Zeno]

Originariamente inviato da yag
Semplice :-)
Devi cambiare il line-height e metterlo uguale a zero

e dove sarebbe questa "line-height" ?

e poi non capisco... il problema da te esposto solitamente lo presenta IE e non gli altri browser... spiega meglio il tutto: qui le cose non sono molto chiare.

[yag]

Originariamente inviato da Vincent.Zeno
e dove sarebbe questa "line-height" ?

e poi non capisco... il problema da te esposto solitamente lo presenta IE e non gli altri browser... spiega meglio il tutto: qui le cose non sono molto chiare.

Io rispondevo a insurrection
Penso che il raggionamento da fare sia questo:
Via html creare immagine come unione di altre è più una "strategia" che una best-pratics
(buona pratica)

inoltre i div sono fatti
per contenere testo o paragrafi tutte "cose" che neccessitano di un interlinea
(line-height) tutti questi tag hanno per ogni browser delle impostazioni di default

alcuni ad esempio consigliano di fare una cosa del genere

h1,h2,h3,h4,h5,h6{margin-bottom: 0}
p{margin-top: 0}

Il problema in questo caso non era di IE ma degli altri browser perchè appunto avevano un interlinea di default e quindi fra un elemento ed un'altro lo applicavano (lasciando lo spazio fra le immagini)

Ecco perchè il tutto si risolve aggiungo al div
line-height=0;

<div style='float:left;width:610px;line-height=0;'>
[img]immagini//top3.jpg[/img]
[img]immagini/top5.jpg[/img]
</div>

[Vincent.Zeno]

ho fatto diverse prove... e il tuo esempio continua a non "tornarmi"....

continuo ad aver e uno spazio in IE e non in FF

[yag]

Originariamente inviato da Vincent.Zeno
ho fatto diverse prove... e il tuo esempio continua a non "tornarmi"....

continuo ad aver e uno spazio in IE e non in FF

che versione ?

prova a fare così

attacca su unica linea tutti i tag
<div><img ..><img ..></div>

fammi sapere

[Vincent.Zeno]

IE6 e FF2

quello che dici funziona se dispongo gli elementi su un'unica riga,
indipendentemente da line-height=0 o line-height:0

[yag]

Originariamente inviato da Vincent.Zeno
IE6 e FF2

quello che dici funziona se dispongo gli elementi su un'unica riga,
indipendentemente da line-height=0 o line-height:0

Appunto, infatti sono due problemi correlati
Infatti quando vai a capo "entra" in funzione line-height

Dunque ora quale è il problema ?

[Vincent.Zeno]

... in problema l'hai sollevato tu.

Dico solo che sto tentando di verificare quanto da te scritto e proposto:
ma non mi torna quello che dici.
Ovvero: che io usi o meno line-height,
gli elementi risultano senza spazio tra loro solo se li scrivo su una riga...
Questo per quanto riguarda IE6.
Ovvero il contrario di quello che tu lamentavi all'inizio:

su
firefox
nescape
opera
mi lascia una spazio
si
ie no