Ho un div con larghezza e altezza fisse.
Devo insrire un'immagine al suo interno allineata in centro sia io orizzantale che in verticale.
In orizzontale ok fatto, ma in verticale non riesco. E' possibile questa cosa (tipo il valign="middle" delle celle delle tabelle)?
Grazie,
Bir
Dipende dal resto del codice.
Se l'immagine e` di tipo inline (default) e il div non deve contenere altro, ti basta dare al div che contiene l'immagine:
div {
vertical-align: middle;
text-align: center; /* questo lo hai gia`, mi par di capire */
}
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Ho associalto lo stile al div tramite class e tramite id, ma l'immagine rimase sempre allineata in alto.
Il div contiene solo la foto. Non so cosa vuol dire inline, è inserita come immagine normale.
Posta il codice HTML+CSS del div e della foto. Posta anche il DOCTYPE.
(oppure un link)
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Ecco il codice della pagina (è fatta con dreamweaver):
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
div {
vertical-align: middle;
text-align: center;
background-color: #009900;
height: 200px;
width: 200px;
}
-->
</style>
</head>
<body>
<div>[img]immagine.jpg[/img]</div>
</body>
</html>
Anzitutto dovresti sire al browser in che linguaggio stai scrivendo.
Visto il codice, dovrebbe andar bene una DTD XHTML Transitional:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(da inserire esattamente come e`, come prima riga del file, prima di <html>).
Che mi risulti quel codice HTML+CSS (con la DTD qui sopra) dovrebbe centrare in qualsiasi browser, ma occorre verificare.
Tu in quale/i brwoser hai testato?
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Ho copiato il tag doctype come indicato ma l'immagine continua ad essere allineata in alto.
La pagina la sto testando con "Internet Explorer 6.0" e "Mozilla/5.0" in locale.
Allora mi sfugge qualcosa. ... lascio la parola ad altri ...
Puoi provare a dare
margin:auto;
all'immagine: chissa` che in questo caso non vada bene (almeno nei browser non-IE).
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Non funziona nemmeno con il margin=auto all'immagine, comunque grazie lo stesso.
Ti chiedo l'ultima cosa: sei a conoscenza del fatto che qualcuno abbia già usato questo comando, in modo che possa andare a vedere cosa c'è di diverso rispetto al mio codice?
Ciao,
Bir
anche io mi sto imbattendo in un problema simile:
allienare al centro di un div , un testo che è di lunghezza variabile.
Nel div non puoi usare il vertical-align.
Una soluzione che qualcuno adotta è quella di mettere il line-height uguale all'altezza della cella, ma ( nel mio caso ) se il testo diventa troppo lungo e va a capo, si ha un terribile effetto di interlinea immensa.
Permessi di invio
Rispondi quotando