Newsgroup: it.lavoro.professioni.webmaster
Titolo: ...e come centro verticalmente la foto in un <div>??

Torno ai miei problemi di "centraggio foto" senza tabelle...
Come posso centrare la foto.gif VERTICALMENTE dentro il div?
<div style="border:1px solid black; background-color:#CCC;
width:100px; height:100px; text-align:center;">
  <a href="#">
  	<img src="foto.gif" width="70" height="30">
  </a>
</div>
Grazie dei consigli
Ciao a tutti
-- 
La rovina del mondo sarà l'indifferenza...
...ma chi se fregaaaa!!  :D

 Come posso centrare la foto.gif VERTICALMENTE dentro il div?
Usa margin-top nella img.
-- 
I am what I am, I do what I can
Vuoi supportarmi? 
http://url.repository.biz/go/3E
Do. Or do not. There is not try.

 Usa margin-top nella img.
e che risolve in quel modo???
Cmq puoi risolvere con un po di javascript...guarda questa pag ad esempio 
(vedi il codice chiaramente):
http://www.alistapart.com/d/footers/footer_variation1.html
Ciao
-- 
-- 
Ivan Baldassi
www.g-young.com
 

 e che risolve in quel modo???
E' sufficiente impostare un margin-top nell'IMG in modo che la distanza
rispetto al bordo superiore del DIV sia esattamente quella necessaria
per l'allineamento verticale.
-- 
I am what I am, I do what I can


 per l'allineamento verticale.
si, sempre che l'altezza del div sia fissa. ;)

 si, sempre che l'altezza del div sia fissa. ;)
Guarda il codice postato da mister.
Anche se e' variabile il risultato e' comunque accettabile.


 per l'allineamento verticale.
Azz mi sembrava che avesse chiesto come centrare un div verticalmente nella 
pagina...sorry:-)


si, sempre che l'altezza del div sia fissa. ;)
Il mio problema è che il div è di dimensioni fisse, ma l'img che ci
"ciottola" dentro ha altezza variabile.


Anche se e' variabile il risultato e' comunque accettabile.
Si... div fisso. Ma img variabile in altezza (č una specie di gallery
con foto scannerizzate senza criterio e ridimensionate per essere
tytte larghe uguali ma du altezza proporzionale)
-- 
La rovina del mondo sarą l'indifferenza...


 tytte larghe uguali ma du altezza proporzionale)
Utilizza una tecnologia lato server come
http://www.php.net/getimagesize
 per ottenere la dimensione
dell'immagine e creare dinamicamente il valore per il margin-top.


 dell'immagine e creare dinamicamente il valore per il margin-top.
Anche con javascript senza disturbare un linguaggio server side:-)


dell'immagine e creare dinamicamente il valore per il margin-top.
Dato $height come calcolo dinamicamente il margin-top?
So che il div è fisso di 80px...
-- 
La rovina del mondo sarà l'indifferenza...


 So che il div è fisso di 80px...
Diamine, e' matematica da prima elementare ...
(altezza div - altezza img) / 2 - border top di img - padding top di div


(altezza div - altezza img) / 2 - border top di img - padding top di div
Ecco... non consideravo il border e mi veniva spostata...
Grazie 1000
Ciao


 "ciottola" dentro ha altezza variabile.
Per quanto ne so non si arriva a nessuna soluzione usando solo i css.
C'è una tecnica che permette di allineare la base dell'immagine al centro
del div.. ma non è proprio la stessa cosa.
Ciao

del div.. ma non è proprio la stessa cosa.
Ok, grazie anche a te.
Ho risolto come suggerisce Setec usando il php (tanto si trattava già
di una gallery che sviluppavo in tale linguaggio).
...Anche se alla fine mi sembra "ingiusto" non poter fare
quell'allineamento con la stessa semplicità di quello orizzontale...
