さんきゅう堂的_バックアップ
画像上任意の位置に画像とリンク
- Next Page: PHP_PEAR で大苦戦！
- Prev Page: G'S BBS v4 文字化け修正
<div style="text-align:center;">
<div style="display:block; position:relative; width:580px; height:550px; margin-left:auto; margin-right:auto;">
<!-- 日本地図画像 イメージ挿入、リンク共通 -->
<img src="イメージ.gif" alt="リンク先説明" title="" usemap="#map" style="border:none;">
<!-- 日本地図上の画像位置 -->
<img src="イメージ.gif" name="if1" width="120" height="95" frameborder="0" scrolling="auto" allowtransparency="true" style="position:absolute; left:240px; top:23px;">
<img src="イメージ.gif" name="if2" width="120" height="95" frameborder="0" scrolling="auto" allowtransparency="true" style="position:absolute; left:415px; top:280px;">
<img src="イメージ.gif" name="if3" width="120" height="95" frameborder="0" scrolling="auto" allowtransparency="true" style="position:absolute; left:290px; top:390px;">
<img src="イメージ.gif" name="if4" width="120" height="95" frameborder="0" scrolling="auto" allowtransparency="true" style="position:absolute; left:35px; top:260px;">
<img src="イメージ.gif" name="if5" width="120" height="95" frameborder="0" scrolling="auto" allowtransparency="true" style="position:absolute; left:160px; top:450px;">
</div><!-- text-align end -->
</div><!-- display end -->
<!-- 日本地図上県名にリンクを挿入 -->
<map name="map">
<area shape="circle" coords="410, 116, 29" href="http://リンク先" target="_blank" alt="リンク先説明" target="if1">
<area shape="circle" coords="347, 346, 15" href="http://リンク先" target="_blank" alt="リンク先説明" target="if2">
<area shape="circle" coords="260, 383, 15" href="http://リンク先" target="_blank" alt="リンク先説明" target="if3">
<area shape="circle" coords="162, 377, 15" href="http://リンク先" target="_blank" alt="リンク先説明" target="if4">
<area shape="circle" coords="160, 438, 15" href="http://リンク先" target="_blank" alt="リンク先説明" target="if5">
</map>