- ベストアンサー
テーブルのセル内のマージン
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
>画像とインラインフレームはセルいっぱいまで セルの幅と高さを指定しないか、 画像やインラインフレームの幅や高さとセルの幅と高さを同じにすればよいと思います。 >テキストはマージンをとりたい場合 スタイルシートにて設定すればよいと思います。 例： <TD style="padding-top : 10px;padding-left : 20px;padding-right : 30px;padding-bottom : 40 px;">
その他の回答 (1)
doconimo さんの回答に勝手ながら補足。 <TD style="padding: 10px 30px 40px 20px; "> とまとめることができます。 「上 右 下 左」の順です。
お礼
まとめることができるんですね。 こちらの補足も参考になりました。 ありがとうございました。
関連するQ&A
- ブラウザに合わせて伸縮する画像テーブル
手打ちでHPを作成している者です。 ブラウザに合わせて伸縮するようにテーブルを作りたいと思っています。 普通のテーブルなら％で伸縮させられたのですが、8つの画像を使う角の丸いテーブル等、画像で作ったテーブルの伸縮がうまくいきません。 画像がテーブルの表示領域いっぱいに連なり、模様のようになってしまいます。 そしてその中にインラインフレームでコンテンツを表示させたいと思っています。 ブラウザに合わせてテーブルも、その中のインラインフレームも同じように可変させたいのですが、どうしたらよいのでしょうか？ お詳しい方、ご回答よろしくお願い致します。
- ベストアンサー
- HTML
- セルの高さをiframe内のページの高さに合わせて可変にする方法はない
セルの高さをiframe内のページの高さに合わせて可変にする方法はないでしょうか？ テーブルの中にインラインフレームを入れたページを作ろうと思っているのですが、セルの高さを、インラインフレーム内に表示させたページの高さに合わせて可変にする方法はないでしょうか。 セルの高さの指定をしない＋インラインフレームの高さの指定を100％にすれば出来るかな、と思ったのですが、やってみると指定していないのにもかかわらずセルの高さが150pxくらいになり、インラインフレームもそれに合わせた高さになってしまって失敗でした。 インラインフレームの高さを中のページに合わせて可変にして、セルもその高さに合わせる、というような方法があるのであれば、そのやり方でもいいです。 理想は、インラインフレームの中にはリンクによって複数のページを交互に表示させ、またそれらのページはインラインフレームではありますがスクロール無し（つまり親ページのスクロールでインラインフレームごとスクロールさせて下の方まで読むような形）の仕様にしたいです。 しかしインラインフレームの中に表示させるどのページも文章の量や画像のサイズがばらばらでページの長さが異なるので、それぞれの長さに対応出来ればなと思い、このたびの質問に至りました。 図としては ※テーブル幅は指定 ｜￣￣￣￣￣｜←ヘッダー ｜￣￣￣￣￣｜←メニュー ｜￣￣￣￣￣｜ ｜ ｜ ｜ ｜←インラインフレーム ｜ ｜（ここに表示させるページによって高さ可変） ｜ ｜ ｜＿＿＿＿＿｜ ｜＿＿＿＿＿｜←フッター 例： １：インラインフレームに短めのページが入った場合↓ ｜￣￣￣￣￣｜←ヘッダー ｜￣￣￣￣￣｜←メニュー ｜￣￣￣￣￣｜ ｜ ｜←インラインフレーム ｜＿＿＿＿＿｜ ｜＿＿＿＿＿｜←フッター ２：インラインフレームに長めのページが入った場合↓ ｜￣￣￣￣￣｜←ヘッダー ｜￣￣￣￣￣｜←メニュー ｜￣￣￣￣￣｜ ｜ ｜ ｜ ｜←インラインフレーム ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜＿＿＿＿＿｜ ｜＿＿＿＿＿｜←フッター というのが理想です うまい説明ができなくて申し訳ないのですが、もしわかる方がいらっしゃいましたら、ご回答よろしくお願いいたします。
- ベストアンサー
- HTML
- DreamWeaver8 テーブル間のセル行幅変更
DreamWeaver8にて4行3列のテーブルを作成しました。 各セルの中に画像を隙間なく埋め込もうとしているのですが、 画像の上下に余白がついてしまうので、セル幅を変えようと セルのラインをクリック→ドラッグして行幅を狭くしたいのですが、 他の動かしたくないセルの行幅までも動いてしまい、テーブル全体が 大きくなってしまいます。 任意の１つのセルのみ行列幅を変更したい場合はどのように すればよろしいのでしょうか。
- 締切済み
- ホームページ作成ソフト
- GoLiveで、テーブル機能の使い方
こんばんは。 非常に困っています。 友達に頼まれてホームページを制作しています。 友達の注文で、テーブルを作り１つのセルに画像と テキストデーターを横に並べたようにしてほしい。 注文です。しかし、どうしてもタテに並べて方法か、 ２つのセルを使う方法しか出来ません。 どなたか詳しい人がいらっしゃいましたら、やり方 を教えて下さい。
- ベストアンサー
- その他(ソフトウェア)
- フレームで表示させた時のマージン
マージンをなくしたページに、セルのスペースをなくして画像を隙間なく配置した テーブルを右寄せで置いています。 普通にそのページを見ると、右端に画像がぴったりとくっついて表示されるのですが、 縦に三分割したフレームの真中で表示させると、左端にくっついてしまい 右端に隙間ができてしまいます。 考えられる理由と、修正方法を教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- プリンタが変わっても大丈夫なマージンは？
会社の業務で使うエクセルのシートを作っています。 パソコンに詳しくない担当者でも、定められたセルに数値を入力すれば、後は印刷ボタンを押すだけ、とするつもりです。 で、このシートの手離れを良くしたい。頻繁に担当者から問い合わせがくるのを避けたいのです。 そこで、気になるのがプリンタのマージンです。このシートはかなり密度が高いので出来るだけマージンを少なくしたいのですが、逆にプリンタを変えた際に新しいプリンタからシートの設定より大きなマージンを要求されて「２ページにわかれた」と言って内線が掛かってくるのは遠慮したい。部署単位でプリンタを持っているので、会社全体で見た場合プリンタの変更頻度は結構高いのです。 上下左右のマージンをどの程度とっておけば、まあ大丈夫だろう、となるでしょうか？
- ベストアンサー
- プリンター・スキャナー
- TABLEタグでのpadingについて
セル内コンテンツとセル周囲との間に間隔をあける場合の属性として cellpaddingというのがありますが、これを使った場合TABLE内のすべてのセルに適用されてしまうと思います。 ひとつのTABLE内の複数のセルにセルごとにその間隔を異なる設定をしたい場合適切な記述方法はあるのでしょうか。 たとえば２つのセルが横に並んでいて、そのうちひとつは文字列だけのため周囲の線に文字が接しないように間隔を少しあける、他のセルは画像を入れるのでセル内いっぱいに表示するといったケースです。 セル内にそれぞれ入れ子でTABLEを入れて、vspace等でTABLEの周囲にスペースをつくればいいかなとも考えていますが、よい方法があったら教えてください。
- ベストアンサー
- ホームページ作成ソフト
- table内にiframeでテーブルが崩れる
現在組んでいるテーブル内にインラインフレームを入れようとしているのですが、 インラインフレームを入れるとどうしてもテーブルのレイアウト（幅）が崩れてしまいます。 図を見て頂いたら分かるかと思いますが、 テーブル内の通常のテキストの後に（アイウ）というインラインフレームを入れようとしています。 インラインフレームの横幅は、「ウ）」がぎりぎり入るくらいの最小限に抑えており、 見た目でもかなりテーブル内に余裕はあるのですが、後の内容が追いやられます。 ソースとしては、 <th width="25%">項目１</th> <td width="25%">サンプル内容<iframe src="aiu.html" height="19" width="120" frameborder="0" border="0" framespacing="0" scrolling="no"></iframe></td> <th width="25%">項目２</th> <td width="25%">サンプル内容２</td> このような状況です。（aiu.html内の内容がアイウです。 実際はJavascript） 全て幅を25%に設定している上、 テーブル内でだいぶ空白に余裕はあるにも関わらず、 レイアウトが崩れて後の項目が右に追いやられる意味が分かりません。 どなたか分かる方いらっしゃいましたら、 お忙しいところ恐縮ですがご伝授頂きたく思います。 よろしくお願い申し上げます。
- 締切済み
- HTML
- GoLive5 テーブルのセル内のテキストの折り返しができない
お世話になります。 セルのテキストの折り返しなのですが、 セルを選択→インスペクタのセルタブ→テキストの折り返し のチェックを外しても、テキストが折り返されず、 だらだらと横にセルが伸びてしまいます。 ちなみに、テーブルの幅３００をピクセルで指定し、高さは自動設定にしているのですが、 幅３００ピクセルを超えて、だらだらと横に伸びてしまいます。 どこが問題なのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- テーブルのセルの高さ
テーブルのセルの高さを設定するには、HEIGHT=で設定すればいいと思うのですが、 たとえば、わかりやすい例でいうと、 <HTML> <BODY> <TABLE BORDER=1> <TR><TD VALIGN="top">セルＡ</TD> <TD VALIGN="top" ROWSPAN="2"> <TABLE BORDER=1> <TR><TD>セルＢ－１</TD><TD>セルＢ－２</TD></TR> <TR><TD>セルＢ－３</TD><TD>セルＢ－４</TD></TR> <TR><TD>セルＢ－５</TD><TD>セルＢ－６</TD></TR> <TR><TD>セルＢ－７</TD><TD>セルＢ－８</TD></TR> <TR><TD>セルＢ－９</TD><TD>セルＢ－10</TD></TR> <TR><TD>セルＢ－11</TD><TD>セルＢ－12</TD></TR> <TR><TD>セルＢ－13</TD><TD>セルＢ－14</TD></TR> </TABLE> </TD></TR> <TD VALIGN="top">セルＣ</TD></TR> </TABLE> </BODY> </HTML> というテーブルの場合、セルＡとセルＣの境界はセルＢの高さの真中くらいに なると思います。 それで、セルＡとセルＣの内容は固定なのですが、セルＢ内のテーブルはcgiからの 書き出しで可変長です。 実現したいことは、セルＢの大きさにかかわらず、セルＡの高さを固定したいのです。 セルＣはセルＢの高さと連動して可変するようにテーブルを組みたいのですが、 どのように指定すれば実現できるでしょうか？ セルＡにHEIGHT指定してもなぜか、無視（？）されてしまいます・・・ よろしくお願いします。
- 締切済み
- HTML
お礼
早速のご回答ありがとうございます。 うまくできました。