Membuat TextBox Dengan Scroll Horisontal

Gunakan kode berikut ini:

<div style="border:1px solid black;width:550px;height:150px;overflow-y:hidden;overflow-x:scroll;">
<p style="width:250%;">
Tulisan yang ingin ditampilkan dalam kotak. Ini adalah contoh hasil kode scrollbar yang saya buat dengan kode dalam kotak ini dan yang sedang Anda lihat secara langsung.
</p>
</div>

Catatan:
border = Garis tepi dengan ketebalan 1px dengan style solid warna black
width:450px;height:150px; = lebar dan tinggi kotak; sesuaikan lebar dengan lebar area postingan anda, dan tinggi sesuai keperluan.
overflow-y:hidden;overflow-x:scroll; = Scroll mendatar dan scroll vertikal, untuk mengaktifkan scroll vertikal ganti hidden dengan auto.
width:250%; = panjang scroll yang diinginkan.

0 comments:

Post a Comment

 

Labels

Adsense (1) Arsip (6) Blog (2) Blogger (18) Blogger Tutorial (4) Blooger (1) coba (1) Dollar (2) Donasi (1) Download (2) Facebook (2) IM Graphics (1) Info (1) Internet Tips (3) List (1) Motivasi (3) Pengobatan (1) Product (1) PTC (1) SEO (3) Software (18) Tutorial (11) Video (3) Wordpress (6) Youtube (1)

Followers