immagine al centro verticale del div

[rare]

ciao a tutti
ho bisogno di una mano per allineare verticalmente un img in un div con altezza e lunghezza fissa.

	<div style="width:170px; height:170px; overflow:hidden; text-align:center;">    <img width="170px" style="display:inline; float:left; text-align:center; vertical-align:middle;"  src="BackOffice\upload_img\<?php echo $row_PercorsoGB['percorso']; ?>" alt="" />    </div>

ne ho provate diverse ma non sono riuscito

[Prill]

qual è l'altezza dell'immagine? Sottrai l'altezza del div a quella dell'immagine e dividi per due, il valore ottenuto potrà essere impostato come padding-top del div o padding-top (o margin-top) dell'immagine

[rare]

qual è l'altezza dell'immagine? Sottrai l'altezza del div a quella dell'immagine e dividi per due, il valore ottenuto potrà essere impostato come padding-top del div o padding-top (o margin-top) dell'immagine

l'immagine viene caricata dal DB quindi ce ne sono diverse di diverse dimensioni

comunque facendo un piccolo script con quel equazione non va; posto il codice:

 <?php     
$immagine = "BackOffice/upload_img/".$row_PercorsoGB['percorso'];   
$dimensioni = getimagesize($immagine);    
$larghezza = $dimensioni[0];    
$altezza = $dimensioni[1];    
$h = (170 - $altezza)/2;  ?>     
<div style="width:170px; padding-top:<?php echo $h; ?>; height:170px; overflow:hidden; text-align:center;">    <img width="170px" style="display:inline; float:left; text-align:center; vertical-align:middle;"  src="BackOffice\upload_img\<?php echo $row_PercorsoGB['percorso']; ?>" alt="" />        </div>

[Prill]

Se vuoi farlo via php dovrai chiedere in altra sezione.
Se vuoi farlo via css occorrerà aggiungere un altro div prima di quello attuale che avrà un display:table;, mentre quello che già hai avrà un display:table-cell;. In questo caso potrai sfruttare il vertical-align:middle sui div e l'immagine sarà centrata (ma via quel float:left che attualmente ha con i vari allineamenti che saranno invece sui div)

[Mich_]

Se dentro il div non ci sono altre cose, oltre l'immagine, puoi provare:

<div style="width:170px; height:170px; overflow:hidden; text-align:center; line-height:170px;">
  <img width="170px" src="..." alt="" />
</div>

[rare]

no non va neanche così

riposto il codice:

 <div style="width:620px;"> 

<?php do {?>       

<div style=" border:solid #000; width:170px; float:left; height:170px; overflow:hidden; text-align:center; line-height:170px;">        

<a class="group1" href="BackOffice\upload_img\<?php echo $row_ExtractPhoto['percorso']; ?>" title="<?php echo $row_ExtractPhoto['titolo']; ?>">        

<img style="vertical-align:middle; text-align:center; display:inline;" width="170px" src="BackOffice\upload_img\<?php echo $row_ExtractPhoto['percorso']; ?>" alt="" />        

</a>    

</div>

<?php } while($row_ExtractPhoto = mysql_fetch_assoc($ExtractPhoto));?>

</div>

come vedete c'è un div che ha una W=620 e al suo interno un altro div il quale contiene un img che vorrei al centro sia orizzontale che verticale

[Mich_]

Si`, ma cosi` stai cambiando le condizioni ...

Una cosa e` centrare un oggetto inline dentro un <div>, una cosa ben diversa e` centrare un <div> (che e` un oggetto di tipo block).

Fa' le cose una alla volta.
Dato che ormai hai iniziato, finisci con la centratura dell'immagine nel suo contenitore. Prova a dare un colore di sfondo al contenitore (solo per le prove) e vedi se l'immagine si centra.

Quando questo e` a posto puoi passare all'altro problema.
Per centrare un block in un altro block, ci sono alcuni trucchi; il piu` comune e` usare il posizionamento assoluto e dare quindi al blocco interno:

  position: absolute;
  left: 50%;
  width: 170px;
  margin-left: -85px;
  top: 50%;
  height: 170px;
  margin-top: -85px;

naturalmente il contenitore di questo blocco dovra` avere un posizionamento per lo meno relative.

IMPORTANTE: elimina il float, altrimenti non puo` funzionare

[rare]

nono asp il div non deve essere allineato al centro del primo è solo l'immagine che deve essere centrata:



per capirci guarda le ultime 2 img, vorrei che ci fosse lo stesso spazio bianco sia top che bottom ovviamente come quelle le imgs non hanno tutte le stesso dimensioni quindi mi serve una cosa che vada bene per tutto...

ho postato l'intero codice solo e soltanto per completezza e per essere sicuro che il mio problema non dipendesse dal primo div

[Mich_]

Puoi postare il link al sito?
Perche` ho bisogno di vedere la pagina funzionante per capire dove puo` stare il problema.

Se la pag. non e` in linea, puoi pubblicarla in un sito provvisorio? (vedi istruzioni nel regolamento del forum, se non sai come fare)

[rare]

purtroppo no non mi è permesso...
c'è il db collegato.