0

私はこのhtmlコードで水平メニューを使用しています：

<table class="tabellacontent">
    <tr>
        <a class="mesitab" href="link"><td><div class="tabmese">Gen</div></td></a>
        <a class="mesitab" href="link"><td><div class="tabmese">Feb</div></td></a>
        <a class="mesitab" href="link"><td><div class="tabmese">Mar</div></td></a>
        <a class="mesitab" href="link"><td><div class="tabmese">Apr</div></td></a>
        <a class="mesitab" href="link"><td><div class="tabmese">Mag</div></td></a>
        <a class="mesitab" href="link"><td><div class="tabmese">Giu</div></td></a>
        <a class="mesitab" href="link"><td><div class="tabmese">Lug</div></td></a>
        <a class="mesitab" href="link"><td><div class="tabmese">Ago</div></td></a>
        <a class="mesitab" href="link"><td><div class="tabmese">Set</div></td></a>
        <a class="mesitab" href="link"><td><div class="tabmese">Ott</div></td></a>
        <a class="mesitab" href="link"><td><div class="tabmese">Nov</div></td></a>
        <a class="mesitab" href="link"><td><div class="tabmese">Dic</div></td></a>
    </tr>
</table>

次のCSSを使用：

.tabellacontent{
margin:auto;
position:relative;
width:95%;
text-align:center;
}
.mesitab{
text-decoration:none;
}
.tabmese{
color:rgb(0,56,130);
margin:auto;
position:relative;
border:2px solid #000;
border-color:rgb(82,115,154);
width:100%;
height:15px;
top:1px;
text-align:center;
vertical-align:middle;
background-color:silver;
font-size:12px;
}
.tabmese:hover{
color:white;
background-color:rgb(49,87,132);
cursor: hand;
}​

私の問題は、このコードがIE（7/8）で機能するが、GoogleChromeでは機能しないことです。

どうすればこの問題を解決できますか？

ここにjsFiddleへのリンクがあります

4

2 に答える 2

2

まず第一に、あなたが間違ったhtmlを持っているのでtr、そのちょうど子を持つべきです。td

解決策aタグをtdandタグに 配置し、div次にmakepaddingとmarginofdivを0に設定しdisplay:blockてから、td全体をカバーするタグを作成します。

于 2013-01-03T15:55:56.787 に答える
-1

私はj-querymobileを学んでいますが、Chromeでhrefに問題が発生しました。プロジェクトは、Chromeのローカルドライブで実行されません。サーバーにアップロードする必要があります。

于 2013-08-04T00:09:48.520 に答える