• Bannato User Attivo

    Come mai le foto sbordano mentre il testo no?

    Come faccio ad obbligare che un <ul>svariati li</ul> (ul e li con attributi FLOAT)
    stiano dentro un determinato DIV senza sbordare sotto?


  • Bannato User Attivo

    Ecco le definizioni di ul e di list

    ul#gallery, ul#gallery li{
    margin: 0;padding: 0;list-style-type: none}
    ul#gallery{float: left; width: 100%}
    ul#gallery li{float: left;
    width: 150px;height: 150px;
    line-height: 150px;text-align: center;
    margin: 0 10px 10px 0;
    ul#gallery img{vertical-align: middle}

    ecco come sono messi
    <div class="setliv02">
    <div class="intliv02">Foto allegate, attachments</div>
    <p>Attachments, foto allegate ai messaggi.</p>
    <p><a href="attachments.php">Tutte le foto allegate ai messaggi</a></p>
    <ul id="gallery">
    <li></li>
    </ul>
    </div>


  • Bannato User Attivo

    Risolto!!!
    Non avevo capito bene come usare:
    *La soluzione più nota e diffusa, come indicato anche in un articolo di Eric Meyer è inserire, prima di chiudere il contenitore dell'elemento float, un elemento che da il clear, in questo modo:

    <div style="clear:right"> </div>*

    Mettevo quel div vuoto in una posizione non esatta.
    Speriamo ora tutto funzioni!