Saat kita akan membuat sebuah text area, biasanya terdapat scrolling baik vertical maupun horizontal, hal ini supaya text area tersebut dapat memuat banyak tulisan meskipun kotak yang disediakan kecil. Berikut saya akan mencoba menjelaskan sedikit tentang scrolling, karena script untuk membuat scrolling...

Membuat Scrolling Vertikal dan Horizontal

Saat kita akan membuat sebuah text area, biasanya terdapat scrolling baik vertical maupun horizontal, hal ini supaya text area tersebut dapat memuat banyak tulisan meskipun kotak yang disediakan kecil.

Berikut saya akan mencoba menjelaskan sedikit tentang scrolling, karena script untuk membuat scrolling hanya sedikit juga.

Saya tidak perlu menjelaskan ya, dimana harus meyimpan file, karena pada tutorial sebelumnya sudah saya jelaskan.

Tulis script seperti berikut untuk membuat halaman php nya

Kemudian buat file css dengan nama style, scriptnya sebagai berikut :

Script diatas jika dijalankan, maka tampilannya sebagai berikut :

Maaf ya kurang rapi, hanya sebagai contoh… :-D

Tabel yang kita buat seolah-olah menumpuki kotak bukan? Yang akan kita buat adalah bagaimana agar tabel tersebut berada di dalam kotak? Yaitu dengan membuat scrolling

Tambahkan dua baris perintah ini pada file css nya

overflow-y:auto;

overflow-x:scroll;

Maka hasilnya menjadi seperti ini :

Lebih rapi bukan? Selamat mencoba


About Author

Muhammad Sobirin Wahyu


Comment & Discussions

    Please LOGIN before if you want to give the comment.