แปะ โค้ดแบบนี้เป่า ลองดูครับ
<img src="http://www.thailandfurnitureonline.com/images/top_menu.png" width="730" height="59" border="0" usemap="#ImageMap1">
<map name="ImageMap1">
<area shape="rect" coords="15, 17, 69, 38" href="http://www.thailandfurnitureonline.com/products.php">
<area shape="rect" coords="95, 15, 199, 38" href="http://www.thailandfurnitureonline.com/catalog.php">
<area shape="rect" coords="227, 19, 335, 35" href="http://www.thailandfurnitureonline.com/events.php">
<area shape="rect" coords="360, 15, 394, 37" href="http://www.thailandfurnitureonline.com/tvc.php">
<area shape="rect" coords="421, 14, 528, 37" href="http://www.thailandfurnitureonline.com/quality_and_standard.php">
<area shape="rect" coords="558, 18, 614, 37" href="http://www.thailandfurnitureonline.com/occasions.php">
<area shape="rect" coords="640, 16, 707, 38" href="http://www.thailandfurnitureonline.com/tips_and_idea.php">
</map>
คำอธิบาย coords คร่าวๆ
จากตัวอย่าง
<area shape="rect" coords="15, 17, 69, 38" href="http://www.thailandfurnitureonline.com/products.php">
ตัวแรกหมายถึง
ขยับจากขอบรูปภาพทางซ้ายมือไปทางขวามีระยะห่าง 15 px 17 ตัวที่สองหมายถึง
ขยับจากขอบรูปภาพจากด้านบนลงมาระยะห่าง 17px69 ตัวที่สามหมายถึง
ความกว้างของ map ที่ครอบลิงค์38 ตัวสุดท้ายหมายถึง
ความสูงของ map ที่ครอบลิงค์ปล.แต่ถ้าอยากได้ทั้งหมด แบบว่าถอดแบบมาเลยก็
<head>
<link href="http://www.konceptfurniture.com/www/images/theme_01/css/koncept.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top_gradient">
<div id="logo"><a href="http://www.konceptfurniture.com/www/index.php"><img src="http://www.konceptfurniture.com/www/images/koncept_logo.png" width="192" height="66" border="0" alt="KONCEPT" title="KONCEPT" /></a></div>
<div id="search_band">
<form name="searchForm" id="searchForm" method="post" enctype="multipart/form-data" action="http://www.konceptfurniture.com/www/search.php">
<input type="text" name="q" id="search_box" />
<input type="image" src="http://www.konceptfurniture.com/www/images/search_button.png" width="50" height="17" alt="Search" id="search_button" />
</form>
</div>
<div id="top_menu"><img src="http://www.thailandfurnitureonline.com/images/top_menu.png" width="730" height="59" border="0"
usemap="#ImageMap1">
<map name="ImageMap1">
<area shape="rect" coords="15, 17, 69, 38" href="http://www.thailandfurnitureonline.com/products.php">
<area shape="rect" coords="95, 15, 199, 38" href="http://www.thailandfurnitureonline.com/catalog.php">
<area shape="rect" coords="227, 19, 335, 35" href="http://www.thailandfurnitureonline.com/events.php">
<area shape="rect" coords="360, 15, 394, 37" href="http://www.thailandfurnitureonline.com/tvc.php">
<area shape="rect" coords="421, 14, 528, 37" href="http://www.thailandfurnitureonline.com/quality_and_standard.php">
<area shape="rect" coords="558, 18, 614, 37" href="http://www.thailandfurnitureonline.com/occasions.php">
<area shape="rect" coords="640, 16, 707, 38" href="http://www.thailandfurnitureonline.com/tips_and_idea.php">
</map>
<div class="blind">
<ul>
<li><a href="#">Occasion</a></li>
<li><a href="#">Tips & Idea</a></li>
</ul>
</div>
</div>
<div id="small_top_menu">
<ul>
<li><a href="http://www.konceptfurniture.com/www/link_suggest.php"><img src="http://www.konceptfurniture.com/www/images/red_triangle_bullet.gif" width="4" height="7" alt="" border="0" /> Link Suggest</a></li>
<li><a href="http://www.konceptfurniture.com/www/contact_koncept.php"><img
src="http://www.konceptfurniture.com/www/images/red_triangle_bullet.gif" width="4" height="7" alt="" border="0" /> Contact us</a></li>
</ul>
</div>
</div>
</body>
ความรู้ทั่วไป
