Ciao a tutti
ho questo problema.
documento xhtml, DTD strict, le immagini hanno un bordo inferiore di 4px. assolutamente non richiesto: solamente con FF, tutto a posto con IE6.
ho guardato molti 3d sul forum. alcuni verificano questo errore. non ho trovato però soluzione.
in molti casi erano pagine mal fatte, per nulla validabili.
le mie pagine sono invece validate transitional, scritte in maniera credo decente.
ho provato quindi a risalire a monte di tutto.
ho fatto due paginette facili facili, una con DTD strict, uno con DTD transitional.
Questi i link.
Pagina strict
Pagina transitional
giusto per comodità ho inserito i link di validazione di entrambe.
aprendo quella strict con FF si nota la differenza rispetto a quella transitional: un bordino verde sotto entrambe le immagini della nostra italica patria, che poi sarebbe il colore di sfondo del contenitore. nulla di ciò con IE6.
facendo tesoro di tutti i consigli degli altri 3d questa è la porzione di codice utile
questo altresì il csscodice:<body> <div class="immagine">[img]img/mappaItalia.jpg[/img]</div> <div class="immagine">[img]img/mappaItalia.jpg[/img]</div> </body>
la width per la classe immagine è per non vedere il bordo per tutta la larghezza.codice:*{ padding:0; margin:0; border:0; } .immagine { background-color: #33CC33; width:194px; } img{ padding:0; margin:0; }
(padding e margin 0 è una ridondanza che non cambia le cose....che ci sia o meno )
come si ovvia?
grazie a chiunque vi dedicherà tempo et energie.
[che poi magari dovevo cercare meglio...]
Rispondi quotando
]
