Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    909

    lista adattabile su più "colonne"

    salve, ho una lista di titoli che vorrei impaginare in un div contenitore 700px e alto 250px.

    Vorrei disporre l'elenco in modo "automatico" uno dietro l'altro su più "colonne"

    _____________________________________
    1 5 9 13
    2 6 10 ...
    3 7 11
    4 8 12
    ______________________________________


    come posso fare?

    N.B. il contenuto è dinamico al max posso intervenire sul totale e limitarlo nel caso in cui eccedano.


    Grazie

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    I css3 prevedono proprietà per contenuti su più colonne, ma non vi è supporto crossbrowser. Una regola come questa (potremmo specificare anche la larghezza e un bordo separatore)

    codice:
    .colonne {
           -moz-column-count: 4;
           -moz-column-gap: 15px;
           -webkit-column-count: 4;
           -webkit-column-gap : 15px;
    	column-count: 4;
    	column-gap: 15px;
    	height:250px
    }
    sarà applicata correttamente nelle ultime versioni di Firefox, Opera, Safari e Chrome (ma Opera ridistribuisce i contenuti su tutte e quattro le colonne senza tener conto dell'altezza del contenitore). I problemi si pongono con Explorer.
    Sarà necessario far ricorso a qualche script che riordini le voci elenco come si desidera, per saperne di più cerca multi-column lists su google

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 © 2026 vBulletin Solutions, Inc. All rights reserved.