1

ここで a をリンクにするためのヒントを読みました<div>: Make a div into a link

そこでの回答の1つは、これがテーブル内でも機能することを示唆していました。

目標は、画像マップや CSS を使用せずに、画像内の複数のテキスト項目をクリック可能にすることです。画像はテーブル セル内のページに配置され、リンクが画像内のテキストの上に適切に配置されるように、<div>は 内にあります。<td>

意図したとおりに機能しますが、<div>.

コードは次のとおりです。

<td height="419" align="left" valign="top" background="images/bg_FINAL.jpg"><img src="newimages/Splashpage.jpg" alt="" style="position:relative; left:0; top:0; " >
        <div style="height:100px; width:142px; float:none; position:relative; left:265px; top:-223px; " >
        <a href="http://SomeURL.com" style="position:absolute; top:0; left:0; width:100%; height:100%; display:block; " ></a>
        </div>
</td>

bg_FINAL.jpg 画像がテーブルの通常の高さ (この場合は 419px) より下に繰り返されていますが、その理由がわかりません。すぐに を削除する<div>と、通常の外観に戻ります (表の境界が無地になります)。

PS 新しいユーザーとして、画像を投稿することはできません (明らかに 10 の評価ポイントが必要です) が、問題を示す 2 つのスクリーンショットを次に示します。

http://www.box.com/s/bo8jef7o4ahy8kbeusdp

http://www.box.com/s/v2mafsgomj4tksul53rz

4

1 に答える 1

0

提供されている例や正確にどのように見えるかのスクリーンショットがないため、これは暗闇の中でのショットであり、正しい修正ではない可能性がありますが、役立つことを願っています!

背景を繰り返すかどうかを宣言していないため、自動的に繰り返します。画像はおそらくテーブルと同じ幅に設定されているため、x 軸では繰り返されず、y 軸でのみ繰り返されます。したがって、td 要素内でスタイル属性を宣言し、(background-repeat:none) を宣言すると、問題が解決するはずです。

そのようです。

<td height="419" align="left" valign="top" background="images/bg_FINAL.jpg" style="background-repeat:none;">
于 2012-09-04T19:13:34.400 に答える