こんにちは。
宜しくお願いいたします。
テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、
左側だけ5ピクセル、とか、上側だけ5ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。
その場合のHTML記述を教えてください。
また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="XX"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。
No.1
- 回答日時:
スタイルシートを使えば簡単ですよ。
http://www.tagindex.com/stylesheet/table/padding …
また、padding-top:5px; padding-left:10px;
などの指定方法も個別にできます。
今はだいぶ利用度が減りましたが、まれに古いブラウザでスタイルシートを表示できないものもあるので、cellpaddingと併用する人もいます。
ですが、いくつかのブラウザで比較表示させてみるとぶれがあったりしますし、その際に原因究明をしようとするなら構造はシンプルにしておいた方が楽ですね。
HTML文の1行目でDOCTYPE宣言をしているのが普通ですから、DOCTYPE宣言に合わせてどちらかに統一した方が良いと思います。
スタイルシートの基本は、私は字引き替わりに
http://www.tohoho-web.com/
http://www.tagindex.com/
の2か所を使っています。
早速のご回答有難うございました。
早速実行してみたいと思います。
今の私にはまだまだ難しい世界ですがぜひ活用できるよう頑張ってみます。
有難うございました!
No.2ベストアンサー
- 回答日時:
1つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。 右が 10px。下が 20px。 左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">
両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・
複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">
<!--
td {padding: 5px 10px 20px 30px;}
-->
</style>
早速のご回答有難うございました。
個別にセルの指定方向だけに余白を作ることに成功しました!
また、全体指定も今後活用できればと思います。
有難うございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) エクセルのマクロについて教えてください。 1 2022/12/26 12:05
- Word(ワード) ワード。長い四角の中に文字を体裁良く入力するには。 2 2022/09/24 14:19
- Word(ワード) Wordの表中の文字を選択した時の白黒反転の違い 1 2023/04/25 12:13
- Excel(エクセル) Excel VBAで、行の高さを、上下1文字分程度高くしたい 3 2023/04/23 00:17
- 面接・履歴書・職務経歴書 履歴書の写真のサイズが合いません 証明写真機で履歴書サイズに指定し撮影したのに貼り付けてみたら上下左 5 2023/06/19 16:24
- Word(ワード) Wordでの印刷サイズについて A4の原稿をB5サイズで出力したいとき、 印刷から用紙サイズの指定か 4 2022/04/30 09:51
- プリンタ・スキャナー 封筒印刷 差出人印刷ずれる 4 2022/05/01 10:12
- Illustrator(イラストレーター) カッティングマシーン 余白のカットについて 2 2023/01/11 15:22
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- Excel(エクセル) エクセルの昇順での数値入力のミスの見つけ方を教えてください。 4 2022/06/26 20:41
このQ&Aを見た人はこんなQ&Aも見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
TRタグの余白をcssで設定するには
HTML・CSS
-
HTML <td></td>タグ セル内余白を無くす方法
ホームページ作成・プログラミング
-
テーブル内の文字サイズを変更したい。
HTML・CSS
-
-
4
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
5
TABLEのセルの中の文字を行単位、セル単位で色を変えたい
HTML・CSS
-
6
テーブルとテーブルの間隔について
HTML・CSS
-
7
<td>中の文字列に<p>は必要?
HTML・CSS
-
8
テーブルの位置を細かく指定したい。
HTML・CSS
-
9
<th>タグを使っても太字にしない方法は
HTML・CSS
-
10
table表を横に並べる際の間隔指定
ホームページ作成・プログラミング
-
11
ホームページ 表の上の余白をなくしたい
HTML・CSS
-
12
文字の横にプルダウンを表示させたいのですが、どうすればいいでしょうか?
HTML・CSS
-
13
tableのcellpadding=0" cellspacing="0"をCSSで"
HTML・CSS
-
14
表のセル内の右側に余白?
Windows Vista・XP
-
15
html テーブルのセルにリンクを張りたい
その他(コンピューター・テクノロジー)
-
16
CSSで特定のテーブルだけに適用する記述をおしえてください。
HTML・CSS
-
17
HTML5で、テーブル内tdタグの高さを常に固定に
HTML・CSS
-
18
HTML tableのセルにtextareaを使って外の枠に重ねて表示する方法
HTML・CSS
-
19
同じIDで定義した要素の配列を取得したいが
JavaScript
-
20
htmlの文字が縦書きになる
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
縦ボーダーの長さ変更方法
-
L字みたいな記号の表示
-
シーサーブログのヘッダー画像...
-
PDFファイルが破損していると表...
-
グーグルのアイコンを操作して...
-
複数の画像を1枚にしたファイ...
-
ピクチャーボックスの大きさに...
-
HPビルダーのリンクがすべて...
-
ブログの画像を復元したい
-
ExcelVBAで挿入画像の縦横サイ...
-
画像のアップロードとはなんで...
-
430インチスクリーン表示時映像...
-
スマホ対応ウェブサイトの横幅...
-
ダウンロードはアップロードと...
-
ワードプレスのサイドバーが、...
-
画像にコピーライト表記を貼り...
-
1KB-10KBかつ長辺が10000pix以...
-
Powerpointに貼った画像のサイ...
-
iPhoneで HTMLファイルを閲覧
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
borderの太さを1px以下に見せ...
-
縦ボーダーの長さ変更方法
-
レスポンシブWeb 右側の表示が...
-
テキストの表示がいきなり小さ...
-
フォント12pxの200%?
-
HTMLにsvg画像表示したら小さか...
-
[CSS]エラーの原因
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
ピクチャーボックスの大きさに...
-
HTMLで、ホームページが作れる...
-
グーグルのアイコンを操作して...
-
画像と画像の間のスペースはど...
-
ワードプレス管理画面から、ヘ...
-
なぜ、ホームページが削除され...
-
iPhoneで HTMLファイルを閲覧
-
ExcelVBAで挿入画像の縦横サイ...
-
一行は何ピクセル?
-
ブログの画像を復元したい
おすすめ情報