2017-01-07 14 views
0

私が作っているウェブサイトでは、マッピングコードが機能せず、リンクはクリッキング不可能なままです。私は、これが問題CSS/HTMLの組み合わせでであるかどうかわからないんだけど、HTML部分のために、次のように私のコードは次のとおりです。マップタグがHTMLで機能しない

<div class="subscribe"> 
    <h2>Follow Us : </h2> 
    <div class="contact-form"> 
     <img src="images/social.png" usemap="#follow"> 
     <map name="follow"> 
      <area shape="rect" coords="648,336,1000,600" href="www.instagram.com/quadrotian" target="_blank" alt="Instagram"> 
      <area shape="circle" coords="1337,336,275" href="www.facebook.com/Quadrotian" alt="Facebook"> 
      <area shape="circle" coords="2045,336,275" href="#" target="_blank" alt="Pinterest"> 
      <area shape="circle" coords="2783,336,275" href="#" alt="Twitter"> 
      <area shape="circle" coords="3491,336,275" href="#" alt="Google Plus"> 
      <area shape="circle" coords="4206,336,275" href="#" alt="LinkedIn"> 
     </map> 
    </div> 
</div> 

「私は同様の方法で前にマップを使用しているが、それはにISN今回は働いていません。

+0

jsbinを準備できますか? – osmanraifgunes

+0

多分それはイメージのサイズとcoordonatesと関係がありますか?かわいそうに見えますか? –

+0

@osmanraifgunesはこちらです:https://jsbin.com/cecoto/edit?html,css,output フォントは白で、背景には画像があります – Rahul

答えて

0

あなたのマップの座標、形、大きさは大きすぎます。私は彼らのサイズを10分の1に減らし、彼らの大きさをまだ見ています。あなたのサークルの1人です:

enter image description here

+0

ありがとうございました。完了 – Rahul

関連する問題