Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    536

    centrare immagine in livello

    Ciao

    Non riesco a centrare orizzontalmente le immagini in un livello in una pagina html che fa uso dei css.
    Ho provato varie soluzioni presenti in giro ma non ho avuto risultati (sia in html che in css)

    Questo dovuto anche al fatto che le immagini nel livello sono caricate dinamicamente con il php
    e le dimensioni quindi variano da un minimo ad un massimo.

    Ho provato anche ad inserire una tabella con dentro l'immagine, ma non riesco comunque ad allinearla al centro del livello (o tabella).

    potete aiutarmi?


    Grazie

  2. #2
    Bisognerebbe vedere il codice (HTML e CSS) e sapere bene cosa va realizzato (ad esempio la centratura deve essere sia orizzontale che verticale?)
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    536
    Originariamente inviato da codencode
    Bisognerebbe vedere il codice (HTML e CSS) e sapere bene cosa va realizzato (ad esempio la centratura deve essere sia orizzontale che verticale?)
    la centratura deve essere sia verticale che orizzontale....anzi diciamo pure che quella orizzontale solo sarebbe più che sufficiente (le immagine devono essere lunghe sempre 300 px)

    il codice niente di eccezionale (ti posto quello senza tabelle)


    codice:
    ......
    	<div id="box-1">
    	        <? echo "<img src=\"" . $path_imgp .$car."/". $logo . "\" border=\"0\">"?> 
    
    ......
    	
    	       </div>

    css invece

    codice:
    #box-1{
    float:left;
    border:0px solid #900;
    width:500px;
    height:300px;
    color: #900;
    margin-bottom: 30px;
     }

    Grazie

  4. #4
    Non ho capito una cosa: prima scrivi che le immagini possono avere dimensioni diverse poi scrivi che hanno tutte la stessa larghezza... Cambia solo l'altezza?
    Comunque prova così:
    codice:
    #box-1 { 
         float:left; 
         border:0px solid #900; 
         width:500px; 
         height:300px; 
         color: #900; 
         margin-bottom: 30px;  
         text-align: center;
    }
    #box-1 img { 
         margin: 0 auto;
    }
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  5. #5
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    536
    No è il contrario.

    La stessa lunghezza. La larghezza cambia perciò la devo centrare.

    Ho provato.

    Nessun effetto.

    Altre idee?

    Grazie

  6. #6
    E' possibile vedere HTML e CSS?
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

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.