Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    float, display o cosa!!

    Ciao a tutti... ho questo codice:
    codice:
    <html>
    <head>
    <title>Titolo</title>
    <style>
    .clear{clear:both;}
    dl{padding:0;margin:0;width:30%;background:#ccc;}
    dt{width:100%;padding:0;margin-top:0;background:#888}
    dd{padding:0;margin:0;}
    dd.img{width:20%;}
    dd.data{width:30%;background:yellow}
    dd.autore{width:30%;}
    dd.testo{width:60%;margin-bottom:20px;background:#eee;}
    
    </style>
    </head>
    <body>
    
    <DL>
     <DT>Titolo news</DT>
     <DD class="img">[img]pinguino.jpgd[/img]</DD>
     <DD class="autore">Autore</DD>
     <DD class="data">Data</DD>
     <DD class="testo">testo news</DD>
     
     <DT>Titolo news</DT>
     <DD class="img">[img]pinguino.jpgd[/img]</DD>
     <DD class="autore">Autore</DD>
     <DD class="data">Data</DD>
     <DD class="testo">testo news</DD>
     
     <DT>Titolo news</DT>
     <DD class="img">[img]pinguino.jpgd[/img]</DD>
     <DD class="autore">Autore</DD>
     <DD class="data">Data</DD>
     <DD class="testo">testo news</DD>
    </DL>
    
    
    </body>
    </html>
    Facciamo finta sia VALIDO (sto aspettando risposta in un altro post)
    Vorrei ottenere per ogni news visualizzata una cosa di questo tipo:


    TITOLO DELLA NEWS
    | XXX | DATA AUTORE
    | XXX | TESTO NEWS
    | XXX |

    Spero si capisca cmq sarebbe il titolo in alto con sotto l'immagine ed a fianco data ed autore e sotto il testo che può incorniciare l'immagine se la supera.
    Non riesco a capire che devo fare coi CSS. Naturalmente ho un elenco di n news
    Grazie
    Rino
    La fantasía, abandonada de la razón, produce monstruos imposibles; unida con ella es madre de las artes y origen de las maravillas.
    (Francisco Goya)
    ----------------------------------------
    http://www.mangioebevo.it
    http://www.definitives.org

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    direi che tutto il "contenuto" delle descrizione va in dd,
    poi lo presenti come preferisci.

    se l'immagine è le prima cosa e poi segue il testo, a dx, e continua sotto,
    basta dare all'immagine float:left;

  3. #3
    si così ci sono riuscito anche di mio... grazie
    Ma se fosse con più DD?
    La fantasía, abandonada de la razón, produce monstruos imposibles; unida con ella es madre de las artes y origen de las maravillas.
    (Francisco Goya)
    ----------------------------------------
    http://www.mangioebevo.it
    http://www.definitives.org

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    edit: .... mageri domani....

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.