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
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:
codice HTML:<?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>
Ultima modifica di rare; 25-08-2014 a 19:27
Server utilizzato: MySQL
(cit.)
Un misto tra pazzia ed intelligenza
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)