Scroll Box 2.

MERUBAH SEMUA UKURAN GAMBAR MENJADI SATU UKURAN

 <style>
.MyPictures {height:200px; width:300px; overflow:auto; border:4px solid; border-color:BLACK; padding:4px;}
.MyPictures img {width:285px;}
</style>
<div class=”MyPictures”>
<img src=”URL”>
<img src=”URL”>
<img src=”URL”>
<img src=”URL”>

<img src=”URL”>
<img src=”URL”>
<img src=”URL”>
<img src=”URL”>

<img src=”URL”>
<img src=”URL”>
<img src=”URL”>
<img src=”URL”>
</div>

 1

STATIC BOX

<div class=”shadow” style=”width: 400px; height: 100px; padding: 5px; background: ORANGE; border: 1px solid black;”>Your Content Goes Here</div>

2

AUTOMATIC BOX

<div style=”border: inset 1pt; padding: 5pt;”>TEXT</div>

3

SCROLL BOX

<div align=”center”>
<div style=”height: 100px; width: 400px; overflow: auto; border: 4px solid #337aa9; background-color: #b1d0f0; padding: 4px; text-align: center;”>SCROLL BOX</div>