อยู่ในประเภท: style sheet |
โพสเมื่อ September 11th, 2008 โดย Bird
จากตอนที่แล้ว http://callmebird.com/weblog/using-image-as-link
วันนี้มีอีกวิธีนึง จะเขียนไว้กันลืม
ใช้แท็ก <a> เหมือนเดิม
-
<a class="imagelink" href="#">xxx.com</a>
style sheet
-
.imagelink
-
{
-
display: block;
-
background: url(xxxx.png) no-repeat ;
-
height: 55px;
-
width: 275px;
-
text-indent:-999999px;
-
}
วิธีนี้คิดว่าน่าจะดีต่อการทำ seo เพราะยังเก็บข้อความลิงค์ไว้อยู่
เพียงแค่ดันมันออกจากกรอบ ไม่แสดงให้ user เห็นเท่านั้นเอง
Reference:
http://www.sebastiansulinski.co.uk/web_design_tutorials/css/z-index.php
คลิปอ้น »
September 14th, 2008 เมื่อ 4:43 am
โอ้ว ขอบคุณครับ
แต่เอ๊ะ ตรงกรอบแรก ต้องเปลี่ยน /div เป็น /a รึเปล่าครับ
September 14th, 2008 เมื่อ 6:35 am
แหะ ๆ พิมพ์ผิดคับ
ต้องเป็น a คับ