จะทำลิ๊งค์ในstyle.cssต้องใช้คำสั่งอะไรครับ คือคลิกที่รูปภาพแล้วเป็นลิ๊งค์

[ad2002]

ขอสอบถามหน่อยครับ
จะทำลิ๊งค์ในstyle.cssต้องใช้คำสั่งอะไรครับ
คือคลิกที่รูปภาพแล้วเป็นลิ๊งค์ไปที่อื่น

จากโค้ดcssนี้

โค้ด เลือก ขยาย


/*header*/
#header{ width:99%; background:url(../images/header.gif);
#header div.banner img{ border:0px; vertical-align:middle;}




ต้องการลิ๊งค์ที่รูปภาพตรงนี้  (../images/header.gif)  ทำได้ไหมครับ   ใช้คำสั่งอะไรครับ

ขอบคุณครับ 

[emukidz]

ใช้ Trick นิดหน่อย

โค้ด เลือก ขยาย


#header a { width:99%; background:url(../images/header.gif);
#header a span {visibility: hidden;}


เวลาใช้ก็

โค้ด เลือก ขยาย

<div id="header"><a href="http://mysite.com"><span>MySite.com</span></a></div>

[Pink.in.th]

แนะนำอีกวิธีค่ะ

<style type="text/css">
#header { display:block; width:89px; height:80px; background-image:url(../images/header.gif);}
</style>

<a href="#" id="header"></a>

สู้ ๆ ค่ะ ^_^

[ad2002]

ขอบคุณครับสำหรับผู้เชี่ยวชาญcssทุกท่าน   ++1 

เรียนCSSมาจากไหนครับ  ท่านPink.in.th 

เดี๋ยวจะลองทำดูครับ 

[Joneburapa]

โค้ด เลือก ขยาย

<a href="ลิงค์><div id="header"></div></a>
อันนี้ต้องกำหนดขนาดของ header ด้วยว่าเท่าไรนะครับ

หรือ

โค้ด เลือก ขยาย

<div id="header" onclick="window.location = 'ลิงค์';"></div>

ครับ

[Pink.in.th]

ขอบคุณครับสำหรับผู้เชี่ยวชาญcssทุกท่าน   ++1 

เรียนCSSมาจากไหนครับ  ท่านPink.in.th 

เดี๋ยวจะลองทำดูครับ 

ก็เรียนเองอ่ะค่ะ ลองผิดลองถูก ศึกษาจากพี่ Google นี่แหละค่ะ สู้ ๆ นะค่ะ อยู่กับมันนาน ๆ  ก็จะรู้ว่าต้องเขียนยังไงค่ะ  

[metha_design]

จริง ๆแล้วเขาไม่เอารูปพื้นหลังมาทำลิงค์นะครับ

[saikanojo]

สามารถทำตามได้ทั้งสองรูปแบบเลยครับ ถ้าเคร่งกฎ Google ก็ตามคุณ Pink

ถ้า ขอนิดนึงๆ ให้ตามคุณ emukidz แต่ กำหนดขนาด และยัด display: block; เข้าไปนิดหน่อย

ทำงานคล้ายๆกันครับ

เพิ่มให้อีกวิธีครับ อาจไม่ตรงคำถาม แต่วิธีนี้เหมาะสมที่สุดแล้ว และได้ SEO Onpage ไปในตัว ในความคิดผมนะ

<a href="#" class="logo"><img src="images/path.png" alt="..."/></a>

a.logo{ display:block; width: 200px; height: 90px; overflow: hidden; }
a.logo img{ width: 100%; hight: 100%; }

ส่วนกำหนด event เมื่อคลิ๊กที่ div แบบคุณ Joneburapa ก็ทำได้เหมือนกันครับ แต่ผมคิดว่าพยายามใช้คำสั่ง HTML ให้เป็นไปตามวัตถุประสงค์ของ Tag จะเป็นการทำ SEO Onpage ในระยะยาวครับ