Salah satu kelemahan halaman web yang dibatasi oleh box yang static adalah tidak cukup untuk menampilkan semua teks didalamnya.
Tetapi jangan putus asa dulu, saya punya solusinya…dengan Css anda bisa mengatasi masalah itu.
Nah, sekarang saya akan mencoba memberikan sedikit pengalaman saya kepada anda.
Pertama, buatlah text box diantara tag <body>…</body>pada halaman HTML seperti ini:
<div class=”kotak_teks”></div>
selanjutnya, ketikan isi atau artikel diantara tag <div>…</div> seperti contoh:
<div class=”kotak_teks”>
Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css
</div>
Kedua, buatlah style Css nya diantara tag <head>…</head> seperti contoh dibawah ini:
<style type=”text/css”>
div.kotak_teks {
width:520px;
height:100px;
overflow: auto;
text-align:left;
border: solid 1px #cccccc;
padding:5px;}
</style>
Untuk lebih jelasnya, lihatlah sintax HTML yang lengkap dibawah ini:
<html>
<head>
<title>Membuat texs scroll box dengan Css</title>
<style type=”text/css”>
div.kotak_teks {
width:520px;
height:100px;
overflow: auto;
text-align:left;
border: solid 1px #cccccc;
padding:5px;}
</style>
</head><body>
<div class=”kotak_teks”>
Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css Cara membuat texs scroll box dengan Css.
</div>
</body>
</html>
Dan hasilnya akan menjadi seperti text box dibawah ini:
Nah, semoga ada manfaatnya bagi yang belum mengetahui cara ini.
The best information i have found exactly here. Keep going Thank you
oke boss sudah dicoba semua triknya
ya…
Semoga ada manfaatnya….
terima kasih maz….
buat tutonya….