Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    7

    Effetto cornice di quadro con i CSS: problema personale

    Salve a tutti,
    in questa pagina http://www.chionitendaggi.altervista.org/rarita.htm , l'immagine (classe .cella-immagine) all' interno della cornice (classe .cornice) non risulta centrata verticalmente con IE 6.0 e ancor peggio con Opera 7.11, mentre con Mozilla 1.4 non ci sono problemi.
    Dove sbaglio?
    Riporto una parte del css
    http://www.chionitendaggi.altervista...ss/schermo.css relativa alla
    pagina in questione:

    .cella {
    width: 80%;
    margin-bottom: 10px;
    }
    .cornice {
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0px;
    width: 132px;
    height: 110px;
    background-color: #779998;
    border: 5px ridge #778899;
    float: left;
    }
    .cella-immagine {
    position:relative;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 75px;
    margin: -47.5px 0px 0px -60px;
    padding: 7px;
    background-color: Aqua;
    border: 3px ridge #778899;
    }
    .cella h4 {
    margin: 0px;
    padding: 0px;
    }
    .cella p {
    margin: 0px;
    padding: 0px;
    }
    .no-float {
    clear: left;
    }

    Mentre la struttura XHTML è:

    <div class="cella">
    <div class="cornice">
    <div class="cella-immagine"> [img]immagini/valigia-small.jpg[/img]
    </div>
    </div>
    <h4>La valigia antica</h4>


    custodisce gli antichi ricami di mani sapienti.</p>
    </div>

    Ho voluto fare una prova http://chionitendaggi.altervista.org/prova.htm
    eliminando bordi e spaziature e ho notato che, con IE6.0, il colore di sfondo sporge qualche pixel nella parte inferiore delle immagini, mentre con Opera non accade. Con Mozilla compare un leggero bordino inferiore nella prima e ultima immagine.
    Che ne pensate?


    Grazie anticipatamente
    Franco
    Changò

  2. #2
    bullitt
    Guest
    <div class="cella">
    <div class="cornice">
    <div class="cella-immagine">[img]immagini/valigia-small.jpg[/img]</div>
    </div>
    <h4>La valigia antica</h4>


    custodisce gli antichi ricami di mani sapienti.</p>
    </div>

    nel div dell'immagine non devi mettere altro testo (neanche spazi)
    un bug di netscape che poi venne copiato dalla microsoft per evitare che i siti si vedessero in modo diverso, una particolarità nata da un bug :quipy: bill datti all'ippica

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    7
    Ho centrato l' immagine con IE 6.0.
    Probabilmente sbagliavo perchè nella riga di codice del div cella-immagine mandavo a capo il tag di chiusura </div>, cioè:

    <div class="cella-immagine">[img][/img]
    </div>

    mi è bastato mettere </div> in linea col codice ed è sparito anche il colore di sfondo che sporge inferiormente nelle immagini del file prova.htm http://chionitendaggi.altervista.org/prova.htm

    Il problema purtroppo persiste con Opera
    Ci vorrebbe una righina di codice "sistematutto"

    Caro bullitt non ho capito perchè dici che nel div dell'immagine non devo mettere altro testo. L' unico testo è quello del codice, ma ci vuole! Spiegami per favore, grazie!

    saluti
    Franco
    Changò

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.