Page 941 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 通常モードに戻る ┃ INDEX ┃ ≪前へ │ 次へ≫ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▼tableとtrの間隔について SSC 05/2/26(土) 19:28 ┗Re:tableとtrの間隔について カヅサツ 05/2/26(土) 20:44 ┗Re:tableとtrの間隔について SSC 05/2/26(土) 22:00 ┣Re:tableとtrの間隔について むむりく 05/2/27(日) 2:18 ┗Re:tableとtrの間隔について カヅサツ 05/2/27(日) 2:24 ┗Re:tableとtrの間隔について SSC 05/2/28(月) 11:00 ─────────────────────────────────────── ■題名 : tableとtrの間隔について ■名前 : SSC ■日付 : 05/2/26(土) 19:28 -------------------------------------------------------------------------
http://www.uploda.org/file/uporg49541.jpg この赤の矢印のようにtableとtrの間隔を指定できないでしょうか。 色々試しましたが、うまくいきません。 もし不可能なら何か解決策はないでしょうか。 是非アドバイスお願いします。 |
・灰色の部分がウィンドウの領域ですか? ・セルは1つしかないのですか?(それは「表」なのですか?) ・「画像」というのは見出しとして使ってますか? 見出しでなければ何ですか? |
返信ありがとうございます。 上にアップした画像はサイト全体のレイアウトです。 灰色の部分がウィンドウの領域です。 うーん、tableで示した場所にテキストを入れたいのですが、 他の方法が思いつかなかったのでtableを使いまいした。 表というよりはテキストスペースですね。 テキストの開始位置をtrで示した場所に指定したいのですが、 方法が分からずこちらで質問させていただきました。 画像はタイトルロゴやサイトイメージのような感じで使っています。 |
>うーん、tableで示した場所にテキストを入れたいのですが、 >他の方法が思いつかなかったのでtableを使いまいした。 >表というよりはテキストスペースですね。 直接の回答ではないのですが、 table の部分を div 要素にし、 CSS の padding プロパティで余白を調整するという方法もありそうです。 <div style="padding-right:50px;padding-left:50px;"> テキストスペース </div> 枠線が必要であれば、div を入れ子にするなりして、border プロパティを。 |
tableは「表」のための要素なので、レイアウト目的に使うのはオススメしません。 適切に div要素でグルーピングし、CSS で枠線を付ける方が塩梅良いでしょう。 下記サンプルは、見出し(h1, h2, h3)のレベルが下がるたび、<div class="section"></div> で囲み、それにスタイルを指定しています。適当に値を変えて遊んでみて下さい。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja" dir="ltr"> <head> <title></title> <style type="text/css"> body{ color: #000000; background-color: #CCCCCC; margin: 10px 50px; } h1{ background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #000000; } p{ text-indent: 1em; } div.section{ background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #000000; padding: 10px; } div.section div.section{ margin: 10px 50px; } </style> </head> <body> <h1><img src="" alt="1.ももたろうを考える"></h1> <div class="section"> <h2>1.1.出発まで</h2> <div class="section"> <h3>1.1.1.はじまりはじまり</h3> <p>桃太郎のお話は,おとぎ話に良くあるように, 「むかしむかし,あるところに」で始まります。 おじいさんは山へ柴刈りに,おばあさんは川へ洗濯に行きます。</p> </div> <div class="section"> <h3>1.1.2.桃太郎の誕生</h3> <p>桃から生まれたので,桃太郎。なんて簡単なネーミングでしょう。 しかし,この簡明さこそが名前の本質を表わしています。</p> </div> </div> </body> </html> |
むむりくさん、カツザツさん、丁寧なアドバイス有難う御座いました。 お陰で自分の思い通りのものを作ることができました。 特にカツザツさん、サンプルまで作っていただいて、 何とお礼を申し上げればいいのかわかりません。 改めてお二人には感謝いたします。 |