Strict & Transitional - margini immagini

**jann** · 27-02-2005, 07:39

Ho questo codice:

codice:

<?xml version="1.0"?>
<!DOCTYPE html 
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
  <title>Titolo</title>
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Cache-Control" content="no-cache" />
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
  <link rel="stylesheet" href="styles/stile.css" type="text/css" />
</head>
<body>
  <div>
    [img]a1.png[/img]

    [img]a2.png[/img]

  </div>
</body>
</html>

Qui segue lo stile che utilizzo:

codice:

body {
   background-color : white;
   font-family      : Verdana,Arial,Courier,Helvetica,Times, serif;
   font-size        : 10px;
   margin           : 0px;
  text-align        : center;
}

Non capisco per quale ragione tra un'immagine e l'altra appare questo lieve margine...

Modificando il tipo di documento in transitional la cosa non avviene più... non capisco la ragione

codice:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Questo comportamento è visibile con Firefox 1.0 ed Opera, IE visualizza le immagini attaccate.

Qualcuno può aiutarmi a capire?

**haZe** · 27-02-2005, 14:41

codice:

img { padding: 0px; }

Così dovrebbe funzionare.

**jann** · 27-02-2005, 14:59

purtroppo non funzia, rimangono sempre quei simpatici pixel....

mi fa rabbia perché è importante che non ci sia nemmeno un px di stacco fra le due immagini porca paletta!

**haZe** · 27-02-2005, 15:02

Mea culpa.

Volevo dire margin: 0;

**nickmadison** · 27-02-2005, 15:09

le dimensioni delle immagini mettile nel CSS o fai a meno di metterle se sono le stesse originali del file.

**jann** · 27-02-2005, 15:19

Originariamente inviato da haZe
Mea culpa.

Volevo dire margin: 0;

non ne vuol sapere

ho provato anche a specificare le forme estese:

margin-top, margin-bottom....

... avevo letto da qualche parte che alcuni browser potevano rompere le scatole altrimenti... ma il risultato non cambia accidenti a loro...

Originariamente inviato da nickmadison
le dimensioni delle immagini mettile nel CSS o fai a meno di metterle se sono le stesse originali del file.

le avevo messe qui perché se qualche buon anima vuole aiutarmi provando in locale non deve linkare nessuna immagine, così i browser ti fanno vedere ugualmente il bordo... era funzionale a questa richiesta di aiuto insomma

**haZe** · 27-02-2005, 15:29

Strano

Prova a non andare a capo tra una img e l'altra (nel codice).

**jann** · 27-02-2005, 15:43

Originariamente inviato da haZe
Strano

Prova a non andare a capo tra una img e l'altra (nel codice).

Ho provato, ho attaccato tutto ma non cambia la situazione.

Ho provato anche trasformando <img> in elemento di blocco diplay:block; in questo modo ottengo le immagini perfettamente attaccate come desidero.

Però rimane il fatto che non capisco il comportamento col

**haZe** · 27-02-2005, 15:45

Curiosità: a cosa ti serviva esattamente il br?

**jann** · 27-02-2005, 19:31

dovevo mettere due immagini una sopra all'altra, evidentemente però si poteva fare differentemente....

cmq. tra una cosa e un'altra ora mi ritrovo lo stesso problema con un livello che segue l'immagine....

devo riordinare un attimo le idee e poi credo che dovrò tornare a rompere i maroni sul forum....

thx!

Discussione: Strict & Transitional - margini immagini

Strumenti discussione

Ricerca discussione

Visualizza

Strict & Transitional - margini immagini

Permessi di invio