Visualizzazione dei risultati da 1 a 6 su 6

Discussione: table con scrollbars

  1. #1
    Utente di HTML.it L'avatar di allejo
    Registrato dal
    Jul 2001
    Messaggi
    747

    table con scrollbars

    Ciao volevo sapere se è possibile avere una pagina con una tabella che abbia una scrollbar????
    non ne ho proprio idea su come fare....
    Allejo

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Nel CSS:
    codice:
    table {
      width: 50em;
      height: 20em;
      overflow: auto;
    }
    Nota che si fa tutto con i CSS (senza JS).
    Ti sposto nel forum piu` adatto.
    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 L'avatar di allejo
    Registrato dal
    Jul 2001
    Messaggi
    747
    e nel codice di html come bisogna fare?
    Allejo

  4. #4
    Utente di HTML.it L'avatar di allejo
    Registrato dal
    Jul 2001
    Messaggi
    747
    Perchè se faccio così:
    non vedo la scrollbar della table....
    la table deve essere al 100% di height dello schermo e stare ferma
    codice:
    <table border="0" cellpadding="0" cellspacing="0" class="table">
      <tr>
        <td width="100%" height="100%">
        a
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    a</p>
          
    
    </td>
      </tr>
    </table>
    Allejo

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Se usi formattazinoe HTML, i CSS potrebbero non funzionare. Comviene fare tutto con i CSS.

    table non e` un nome corretto per la classe: potrebbe non funzionare in alcune circostanze.

    CSS:
    codice:
    table {
      border:0;
      width: 100%;
      height: 10em;
      overflow: auto;
    }
    tr {
      height: 100%;
      margin: 0;
      padding: 0;
    }
    td {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
    }

    HTML:
    codice:
    <table>
      <tr>
        <td>
        a
          
    
    a</p>
          
    
    a</p>
          ...
          
    
    a</p>
          
    
    a</p>
        </td>
      </tr>
    </table>
    Nota che e` semanticamente sbagliato usare una tabella solo per metterci un solo <tr> e/o un solo <td>

    Nel browser IE, se vuoi vedere l'effetto, devi inserire anche altre cose nella pagina, altrimenti la tabella si espande fino ad occupare tutto lo spazio necessario o tutto il <body>
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  6. #6
    Utente di HTML.it L'avatar di allejo
    Registrato dal
    Jul 2001
    Messaggi
    747
    e quale sarebbe la soluzione migliore?
    Allejo

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