-
Centrare un'immagine
Buonasera,
spero che sia qui il posto giusto per la mia domanda, ho provato a fare ricerca nel Forum ma, per quanto riguarda il mio problema, non sono riuscita a trovare nulla.
Il mio problema è centrare un'immagine in una cella, o meglio in Explorer il codice che metto fa vedere l'immagine centrata bene mentre in Chrome e in Mozilla si vede solo centrata verticalmente.
Il codice è questo
*.cl{
border:10px solid #000000;
width: 620px;
height: 492px;
text-align:center;
}
<tr>
<td bgcolor="#ce413a" width="640" height="510x">
<div class="cl">
<img src="" width="600px" height="472px" alt="tag">
</div></td></tr>
Potreste dirmi, per cortesia, cosa c'è che non va?
Grazie
Goccedipensiero
-
Hai inserito una dichiarazione di DOCTYPE?
-
Intendi dire questo?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">
Sì l'ho messo
Goccedipensiero
-
Puoi indicare l'indirizzo della pagina in questione?
-
-
A me sembra tutto centrato (Firefox 17), qual'è il problema?
-
Il problema sta che l'immagine dovrebbe scendere un tantino,
non dovrebbe stare attaccata al bordo superiore.
Se provi a vedere con IE si vede centrata.
E' una cosa impercettibile, lo so
ma mi sarebbe piaciuto, anche per lavori futuri,
capire perchè cioè,
quale punto dell'HTML, si doveva modificare,
ammesso che ci sia.
Comunque ti ringrazio per le tue gentili risposte.
Goccedipensiero
-
dovresti usare nei css, il margin
es (per come ho capito quello che vuoi fare)
Codice:
.cl {margin-top: 5px;
}
Poi lo adatti alle tue esigenze.
-
Ora l'ho notato. Ci sono diversi modi: uno semplice è impostare la proprietà display dell'immagine su block (a questo punto dovrai però allinearla orizzontalmente impostando i margini laterali su auto), e poi dovrai eliminare l'altezza fissa che hai assegnato al div che la contiene.
