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

.scroll {
overflow: auto;
height: 135px;
margin: 5px;
padding: 5px;
width: 300px;
}

Questo stile andrà applicato al tad <div> che contiene il nostro testo + immagini

<div class="scroll">
... 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

Definizione stile per lo scroll