Visualizzazione dei risultati da 1 a 10 su 21

Hybrid View

  1. #1
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    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

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    216
    Quote Originariamente inviata da Prill Visualizza il messaggio
    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

  3. #3
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    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)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.