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

    area di testo scrollabile

    ciao a tutti,
    non mi ricordo come si rende scrollabile un'area di testo o anche un layer!
    grazie!

  2. #2
    Poniamo il caso tu abbia una struttura simile:

    codice:
    <div id="note">
       <h2>Note legali</h2>
       
    
    
          Si ricorda agli utenti che tutti i dati 
          raccolti tramite il modulo saranno 
          trattati secondo la legge...
       </p>
    </div>
    Nel CSS basterà scrivere:

    codice:
    #note
    {
       width:50%; height:40%; /* Le dimensioni che desideri */
       overflow:auto;
    }

  3. #3
    ciao, ho provato ma non mi è apparsa nessuna scrollbar!

  4. #4
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    perchè, forse, il testo da te inserito non supera l'altezza del div contenitore.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  5. #5
    E' come dice floyd46: o inserisci tutto il tuo testo oppure rimpicciolisci le dimensioni.

    Se vuoi avere una maggiore percezione dell'area, prova con questo:

    codice:
    #note
    {
       width:50%; height:40%; /* Le dimensioni che desideri */
       overflow:auto;
       background-color:#ccc;
       border:1px solid #333;
    }

  6. #6
    o meglio, mi imposta la scrollbar solo se supera una certa larghezza...ma io la voglio visualizzare solo se supera una certa lunghezza...ho provato a modificare height ma non va!

  7. #7
    chiedo umilmente scusa!
    adesso funziona!
    grazie a tutti

  8. #8
    Prova.

    codice:
    XHTML
    <div id="note">
       <h2>Capitolo 1</h2>
       
    
    
          Testo capitolo 1.
       </p>
       <h2>Capitolo 2</h2>
       
    
    
          Testo capitolo 2.
       </p>
       <h2>Capitolo 3</h2>
       
    
    
          Testo capitolo 3.
       </p>
    </div>
    
    CSS
    #note
    {
       height:50px;
       overflow:auto;
       background-color:#ccc;
       border:1px solid #333;
    }
    [Edit] Ah, ecco.

    chiedo umilmente scusa!
    adesso funziona!
    grazie a tutti

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.