4

テーブル行全体をアンカーとして設定しようとしています。HTML 標準では許可されていないため、すべてのテーブル行のコンテンツをアンカー タグ内に配置することはお勧めできません。

これを達成するための最良の戦略は何ですか?

この例の .day div で行ったように、各テーブル セル内にアンカー タグを配置する可能性を分析しています: http://jsfiddle.net/XdfCp/4/これは良い解決策ですか?

このソリューションの問題は、アンカーがすべてのテーブル セル スペースをカバーしていないことです。この方法でアンカーを構成しましたが、すべてのセル スペースを必要としませんでした。

    #ListaEventosPorMes a{
        display: block;
        width: 100%;
        height: 100%;
        color: White;
    }

私が必要とする他の動作は、特定のテーブル セル アンカーではなく、すべての行でホバー効果を得ることです。これを解決するアイデアはありますか？

4

3 に答える 3

2

IE7 以降の主要なブラウザは:hoverすべて、 を含むすべての要素で CSS 疑似クラスをサポートしtrているため、アンカーを使用してホバー状態のスタイルを設定する必要はありません。

あなたの他の質問については、この答えを見てください:テーブルセルのリンクを行全体の高さで埋める

于 2012-06-29T01:02:40.963 に答える
1

アンカーで何をしようとしているのかわかりません。SQLテーブルの行を表示するために使用されるテーブルがあります。PHPはテーブルを作成するときonclickに、行のインデックスを引数として各行ヘッダーにを挿入します。アンカーは使用されません。

while ($row = mysql_fetch_array($result)) {
    $id = $row['resv_id'];
    $funct_call="Edit_Row($id)";
    echo "<tr " . "onclick=$funct_call" .  " >";
}

onclick関数本体は次のとおりです。

var target="./entry_form.php?submit=Edit&resv_id=index_num";
window.open( target.replace("index_num",id),'_self' );
于 2012-08-03T06:08:04.407 に答える
0

行の各 td 内にアンカー タグを配置し、アンカー タグ内に div を配置します。ただし、高さを指定する必要があります (コンテンツを拡張する必要があるかのように、最小高さを指定することをお勧めします)。

.link {
width:100%;
min-height:100px; /**For example**/

}
<tr>
  <td><a><div class="link"></div></a></td>
  <td><a><div class="link"></div></a></td>
  <td><a><div class="link"></div></a></td>
</tr>
于 2013-09-13T11:54:11.700 に答える