-1

ページに小さなグーグルマップがあります。現在、より大きなグーグルマップで別のページにリンクするために、divの周りにリンクタグがあります。

これはすべて完全に機能しますが、w3cの検証ではありません。

その前の私のコードは機能しますが、有効ではありません：

    <a href="http://www.mysite.com">
        <div id="map_canvas" style="width:298px;height:150px;"></div>
    </a>

これは後です、これは有効ですが、機能しません！：

<div onClick="location.http://www.mysite.com';" style="cursor:pointer;">
    <div id="map_canvas" style="width:298px;height:150px;"></div>
</div>

問題は、2番目のバージョンでは、クリックしても何も起こらないことです。ダブルクリックすると、地図が拡大表示されます。何をしてもリンクにしたいと思います。

ありがとう。

4

2 に答える 2

0

検証に使用したDOCTYPEを指定する必要があります。

inline-elements（a）内のblock-elements（div）を許可しないDOCTYPEを検証すると思います。

解決策：divの代わりにインライン要素（例：span）を使用し、：に設定displayしblockます。

<a href="http://www.mysite.com">
  <span id="map_canvas" style="display:block;width:298px;height:150px;"></span>
</a>
于 2013-02-20T09:14:54.067 に答える
0 
 <a href="http://www.mysite.com">
        <div id="map_canvas" style="width:298px;height:150px;"></div>
    </a>

今では有効です。:)あなたは"を逃した

于 2013-02-20T08:05:16.073 に答える