In un contenitore, dopo aver messo una immagine col tag <img> lunga quanto il contenitore stesso, il successivo elemento è distanziato di due pixel, sia in IE che FF.
Se metto un
dopo l'immagine, in IE i due pixel vanno via, mentre su FF e Opera sono ancora presenti.
Come posso eliminarli?
Togliendo il margine all'immagine, oppure all'elemento che ci sta sotto.
Aggiungo: togli quel
che è perfettamente inutile.
Già provato, non va.
Codice CSS:
Codice HTML:codice:body { background-color: White; margin: 0px; padding: 0px; font-family: Verdana, sans-serif; font-size: 76%; } #home { float: left; width: 310px; margin: 0px; padding: 0px; } #home img { margin: 0px; padding: 0px; }
Cosa sbagliocodice:<body> <div id="home"> [img]img/A.gif[/img] [img]img/B.gif[/img] </div> </body>
Le immagini devono essere allineate sulla stessa riga o devono stare su due righe differenti?
Se devono stare sulla stessa riga
metti un float : left in "#home img"
Devono stare su righe differenti, ma "float: left" risolve.
Grazie mille.
forse si risolve anche impostando solo a block le immagini con la proprietà display. Difatti float imposta automataticamente l'oggetto a block.Originariamente inviato da Fayble
Devono stare su righe differenti, ma "float: left" risolve.
Grazie mille.
<%= Jesus %>
"Non hai veramente capito qualcosa fino a quando non sei in grado di spiegarlo a tua nonna" - Albert Einstein.
Non so se può funzionare anche in questo caso ma prova a inserire il codice cosi:
<div id="home">
[img]img/A.gif[/img]
[img]img/B.gif[/img]</div>
con <img ...> attaccato a </div>
Non so se può funzionare....
Permessi di invio
Rispondi quotando