セル内コンテンツとセル周囲との間に間隔をあける場合の属性として
cellpaddingというのがありますが、これを使った場合TABLE内のすべてのセルに適用されてしまうと思います。
ひとつのTABLE内の複数のセルにセルごとにその間隔を異なる設定をしたい場合適切な記述方法はあるのでしょうか。
たとえば2つのセルが横に並んでいて、そのうちひとつは文字列だけのため周囲の線に文字が接しないように間隔を少しあける、他のセルは画像を入れるのでセル内いっぱいに表示するといったケースです。
セル内にそれぞれ入れ子でTABLEを入れて、vspace等でTABLEの周囲にスペースをつくればいいかなとも考えていますが、よい方法があったら教えてください。
No.1ベストアンサー
- 回答日時:
そのTD(セル)にだけpaddingを設定すればいいのでは?
<table style="padding:XXpx;">
<tbody>
<tr>
<td>
あいうえお
</td>
<td>
かきくけこ
</td>
</tr>
</tbody>
</table>
じゃなくて
<table>
<tbody>
<tr>
<td style="padding:XXpx;">
あいうえお
</td>
<td style="padding:YYpx;">
かきくけこ
</td>
</tr>
</tbody>
</table>
で大丈夫だと思うんですが、何か質問の解釈の仕方を間違ってるのかしらん?
またテキスト部分と絵の部分で常にそういった使い分けをしたいなら、CSSで
td.text
{
padding:XXpx;
}
td.image
{
padding:YYpx;
}
としたうえで、
<td class="text">あいうえお</td>
とか
<td class="image">『イメージ』</td>
としてあげた方が記述的には綺麗かも・・・
さっそくありがとうございました。
従来TAGの<TABLE celpading=*>しか意識していなかったのですが
styleだとTDにもpading=*が使えるんですね。
celpading=*がTABLEでのオプションと書かれてあったので、TDにもそのような使い方ができるのか疑問だったのですが、style sheetを考えるべきでした。
style sheetはまだ完全に理解していないため、それぞれのTAGに使える
属性などがいろいろな本やサイトを見ても、かならずしもすべて網羅されていないため、気がつきませんでした。
後段の指定方法もわかりました。
助かりました。
No.2
- 回答日時:
こんにちは。
セルの高さは<td height="hoge">で指定するとして、ダミー画像を使用すればいいのでは?
#結構、常套手段だと思いますけれども。
インデントのため、全角スペース入ってます。
<table border="1" cellpadding="0">
<tr height="30">
<td align="left"><img src="hoge.gif"></td>
<td align="left"><img src="dummy.gif" width="2" height="30">hogehoge<img src="dummy.gif" width="2" height="30"></td>
</tr>
</table>
ダミー画像を挿入する部分は改行せず1行に書くのがコツです。
改行すると微妙にずれ込みます。
うまくいくといいですね。
ダミー画像を使う方法は知りませんでした。
さっそく試してみたいと思います。
下記のurdappleさんの方法が簡単そうなのでとりあえずそちらを試してみましたが、あわせて利用してみたいと思います。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/02/15 08:30
- Excel(エクセル) Excelについて A1からA12まで、1月〜12月と入力し、 B1からB12の範囲に、C1とD1に 4 2022/05/26 22:48
- Excel(エクセル) エクセル VBA セルの結合 2 2022/09/07 11:48
- Visual Basic(VBA) エクセルのマクロについて教えてください。 2 2023/01/06 08:39
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/02/10 17:07
- Excel(エクセル) エクセルの数式について教えてください。 2 2023/02/18 11:30
- Excel(エクセル) エクセルの数式について教えてください。 2 2023/03/04 09:54
- Excel(エクセル) 条件に合った数値の合計を表示させたい関数と条件指定の方法 3 2023/05/13 16:07
- Excel(エクセル) Excel 特定セルの数値を参照したセルの0表示が空白にならないのはどうしてか? 3 2022/04/28 22:23
- Visual Basic(VBA) エクセルVBAについて 2 2023/01/31 16:21
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssで、表示されるテキストによ...
-
テーブルのヘッダとボディの幅...
-
テーブルの行を折りたたみたい...
-
CSSだけで<table>の<td>や<tr>...
-
文字の中央そろえを一括で指定...
-
TRタグの余白をcssで設定するには
-
tableにul,または,olを入れられ...
-
テーブルの表示がずれます
-
中に<table></table>が使えるア...
-
テーブルの任意の列を非表示に...
-
テーブルのセルに画像をピッタ...
-
ASP GridViewで1レコード2行を...
-
nowrapを指定しても改行される...
-
colspanを使うと正しく表示でき...
-
スタイルシートで colspan=3と...
-
テーブルの自動改行について
-
<COLGROUP>の使い方が理解でき...
-
IEで細い線
-
htmlのtable内に画像
-
文字列が入っているtdを削除せ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
テーブルの任意の列を非表示に...
-
tableにul,または,olを入れられ...
-
TRタグの余白をcssで設定するには
-
cssで、表示されるテキストによ...
-
HTML <td></td>タグ セル内余...
-
テーブルのヘッダとボディの幅...
-
文字列が入っているtdを削除せ...
-
テーブルのセルに画像をピッタ...
-
テーブルの行の高さを指定する...
-
テーブルの表示がずれます
-
ホームページ 表の上の余白を...
-
テーブルのセルにアンカー
-
テーブルタグのセルの幅の一部...
-
逆L字の表(table)組み
-
中に<table></table>が使えるア...
-
tableでcolspanを使うと次行以...
-
スタイルシートで colspan=3と...
-
TABLE内の枠線を一部消すには
-
テーブルの上に空行が入る・・...
おすすめ情報