2

画像の 3 つの部分があり、それを 1 つの画像として表示する必要があり、HTML タグを使用して画像の 3 つの部分へのリンクを含めたいと考えています。

1 列 2 行のテーブルを作成し、テーブルの 3 セクションに画像を挿入しました。ただし、上の画像と下の画像(1行目と2行目)の間には若干のスペースがあります。この問題を解決し、スペースなしで単一のグラフィックを作成し、3 番目の画像にリンクを含める必要がある方法を教えてください。

緊急に助けが必要

<table style="width: 660px; border-collapse: collapse; height: 237px;" border="0" cellspacing="0" cellpadding="0" sizset="0" sizcache="15">
<tbody sizset="0" sizcache="15">
<tr>
<td><img style="margin: 0px; border: 0px currentColor;" src="uploaded/Online_Newsletters/Nav/masthead-ball_top.jpg" width="665" height="197"></td>
</tr>
<tr>
<td><img style="margin: 0px; border: 0px currentColor;" src="uploaded/Online_Newsletters/Nav/ball_bottom_left.jpg" width="579" height="37"><img style="margin: 0px; border: 0px currentColor;" src="uploaded/Online_Newsletters/Nav/ball_bottom_right.jpg" width="86" height="37"></td>
</tr>
</tbody>
</table> 

上記のコードを使用しましたが、画像間にまだスペースがあります。私の会社のウェブサイトは finalsite を使用して管理されているため、これには finalsite エディターを使用しています。

4

2 に答える 2

1

table タグで cellpadding と cellspacing を使用します。

<table cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;">

3番目の画像をリンクとして使用するには、次を使用します

<a href="http://www.example.com"><img src="yourimage.jpg" border="0" style="float:left;" /></a>

編集:

style="float:left;"img タグに追加します。

http://jsfiddle.net/H628X/1/

于 2012-07-02T12:37:14.330 に答える