Pengikut

21 Maret 2006

CSS : inserting ALT text to CSS

ALT text biasa digunakan untuk memberikan deskripsi tentang text ataupun gambar yang ada di dalam sebuah halaman web.ini akan jauh lebih berguna apabila kita menggunakan browser yang men-disable fitur load image.jadi kita pun akan segera mengetahui gambar apa yang semestinya tertampang di halaman.atau contoh gampangnya kalo kita mendapatkan koneksi internet yang lambat ingin mengakses halaman yang sarat dengan gambar, maka alt text akan muncul sebagai pemberi informasi tentang gambar yang akan muncul sebelum gambar tersebut berhasil dimunculkan.

apabila kita menggunakan CSS guna menampilkan sebuah gambar, biasanya kita akan menempatkanya sebagai background.sekarang bagaimana kalo kita ingin menampilkan ALT text didalamnya.apakah kita bisa memasukan tag seperti :

background: #D8DADC url(images/atas.jpg) alt:gambar utama0 0 repeat-y;

jawabnya? TIDAK.

menurut access matter, background tidak mempunya aksesoris tag ALT didalamnya.artinya, kita tidak akan pernah bisa memasukan ALT tag dalam CSS.sebagai penggantinya, lupakan CSS, kembalilah ke HTML murni.misalnya

/img src="D:/images/utama.jpg" alt="gambar utama" border="0" height="109" width="1024"/

atau kalo kita tetap ingin menggunakan CSS, bisa pula diakali dengan menggunakan gambar transparan atau empty image map dan sertakan ALT tag di dalamnya.tentu pengaturan gambar itu berada dalam lokasi yang sama dengan background imade di CSS nya.