Creare una finestra all'interno di una pagina con barra di scorrimento
L'obiettivo è di creare una piccola finestra all'interno della pagina web con una barra di scorrimento.
Tutto questo viene realizzato semplicemente con i css
Soluzione
Utilizzando Stili CSS occorre creare uno stile che chiamiamo per esempio .scroll con le deguenti caratteristiche
overflow: auto;
height: 135px;
margin: 5px;
padding: 5px;
width: 300px;
}
Questo stile andrà applicato al tad <div> che contiene il nostro testo + immagini
... testo da visualizzare
... testo da visualizzare
... immagini
</div>
dove overflow: auto significa che apparirà la barra di scorrimento se il testo + immagini superano la dimensione dell'area descritta da width e height.
Nel nostro caso il testo e le immagini superano i 300 pixel in larghezza e i 135 in altezza e quindi appare la barra di scorrimento.
Per staccare le lettere dal bordo della finestra è stato aggiunto un margine di 5 pixel con margin: 5px e padding: 5px.
In Dreamweaver
Nella finestra degli stili occorre impostare lo scorrimento tramite
