Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2011
    Messaggi
    229

    layout float left tipo news

    Ciao a tutti,

    devo realizzare un layout per delle news che mi vengono su da db.
    Più o meno come da img allegata, ogni riquadro è lo spazio occupato dalla news.
    Ho provato a mettere i primi due float left e la terza colonna float right ma dopo la seconda "riga" di riquadri mi sballa..avete qualche idea?

    Le larghezze sono fisse, cambiano solo le altezze.

    Immagini allegate Immagini allegate

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    In realta` quello che devi fare e`:
    tre colonne, tutte con float left e con larghezza totale inferiore al 100%.

    Se la terza la metti float:right rischi di avere uno spazio maggiore tra la seconda e la terza. Invece se e` tutto float:left hai eventualmente uno spazio maggiore sul bordo destro, che non dovrebbe dare problemi.

    Nota che devi fare un blocco di ogni colonna, poi all'interno di ciascuna colonna puoi suddividere mediante altri blocchi.

    PS: quello che io chiamo blocchi, di solito sono oggetti <div> (ma possono essere altri oggetti di tipo block)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2011
    Messaggi
    229
    Grazie volevo evitare per il fatto di rendere più leggibile il codice in vista di modifiche, ma mi sono dovuto arrendere!

    Grazie ancora

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.