Visualizzazione dei risultati da 1 a 5 su 5

Discussione: centra foto dentro div

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,610

    centra foto dentro div

    si puòfare ?

    sto usando questo css ma non va


    .divImg{
    background-color: #CCCCCC;
    width: 180px;
    height: 180px;

    vertical-align: middle;
    text-align: center;

    }
    R.

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: centra foto dentro div

    prova a dare il padding al div; dipende da quanto grande è la foto
    e quanto spazio vuoi lasciare intorno ad essa.
    Oppure creati una classe e la papplichi all'immagine.
    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,610

    Re: Re: centra foto dentro div

    Originariamente inviato da floyd46
    prova a dare il padding al div; dipende da quanto grande è la foto
    e quanto spazio vuoi lasciare intorno ad essa.
    Oppure creati una classe e la papplichi all'immagine.
    ciao
    in che seno classe .... deve essere dinamica la cosa... mi sa che non fa senza table ?
    R.

  4. #4
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: Re: Re: centra foto dentro div

    potresti usare un box (creato con una classe) in questo modo:
    .contimg {
    margin: 20px;
    padding: 5px;
    border:solid 1px #000;
    float:left;
    }
    adesso inserisci l'immagine che vuoi venga visualizzata.
    Se è molto lo spazio esterno che hai attorno, diminuisci il margin.
    se è poco, invece, lo spazio interno tra la foto ed i bordi, aumenta il padding. Questo box, proprio perchè è una classe, lo puoi rikiamare quante volte vuoi nela pagina.
    facci sapere come va.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,610

    Re: Re: Re: Re: centra foto dentro div

    Originariamente inviato da floyd46
    potresti usare un box (creato con una classe) in questo modo:
    .contimg {
    margin: 20px;
    padding: 5px;
    border:solid 1px #000;
    float:left;
    }
    adesso inserisci l'immagine che vuoi venga visualizzata.
    Se è molto lo spazio esterno che hai attorno, diminuisci il margin.
    se è poco, invece, lo spazio interno tra la foto ed i bordi, aumenta il padding. Questo box, proprio perchè è una classe, lo puoi rikiamare quante volte vuoi nela pagina.
    facci sapere come va.
    Floyd
    io avrei voluto fare tutto solo con i css il problema e che le foto son di dimensione variabile non più grandi 180 o meglio le immmagini devo in ogni caso entro questa dimensione ma se sono più piccole devono allinearsi.

    ho risolto così adesso se avete idee sono qua:
    //php
    $res = 180 - height_img
    $res = $res / 2;


    e poi uso $res così:


    <img style="margin-top:<?=$res?>px"...
    R.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.