• ベストアンサー

tableタグを挿入すると上部にスキマができる。

ライブドアのブログで、HTMLソースから書こうと思っているのですが、tableタグを入れる(表を使いデザインする)と、必ず上部にスキマができてしまいます。 行にして5-6行程度のスキマです。 このスキマを無くすにはどうしたらいいのでしょうか?教えてください。お願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.3

記事投稿時に [改行を<br />に変換する] 設定になっていたら [変換しない] にしてみて下さい。 この場合、改行する時には 改行したい場所で<br />を手入力します。

top321
質問者

お礼

ありがとうございました! 変換しない、にしたらできました!!!

その他の回答 (2)

  • notnot
  • ベストアンサー率47% (4848/10262)
回答No.2

自動的に行末に<br>を挿入するモードになっているからだと思います。 </tr>の後に<br>があると、WindowsのIEでは上部にその分だけ改行が現れてしまいます。 ライブドアのブログを使った事が無いですが、手動で<br>を入れるモードがあればそれを使えばいいです。 もしそういうモードが無いとすると、 <table><!-- --><tr><td>a</td><td>1</td></tr><!-- --><tr><td>b</td><td>2</td></tr><!-- --><tr> 以下略 のように行末をコメントの中に入れてしまうか、 <tr><td>a</td><td>1 </td></tr><tr><td>b</td><td>2 </td></tr> のように<td>…</td>の中で改行するか。

  • moon_night
  • ベストアンサー率32% (598/1831)
回答No.1

多分途中に無駄な改行などが入っているからではないかと思います。 ブログなどで書き込む際はなるべく改行をしないで一行で書いてみてください。

関連するQ&A

  • 背景画像をブラウザ上部に隙間なく張る

    HTML タグだと思うのですが、たとえば88×38 の画像を ブラウザ画面上部に隙間をあかないように貼るにはどうしたらいいのでしょうか。 例えば以下のように、 <TABLE border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#63cf63" background="gif/line.gif"> とかやると、いっけん、きっちり貼れているように 見えるのですが、リロードしたり、リンクからページを たどったりすると、時々画面右側が丁度スクロールバー ぶんくらいのスペースが空いてしまい、白く抜けて しまいます。 非常に見苦しいので、なんとかしたいです。。。

    • ベストアンサー
    • HTML
  • tableタグで作るような表をCSSで作る方法

    一つのページに表(横:600px、縦:155px)を20~30個くらい表示させたいのですが、tableタグを多用するとページが重くなると聞きました。 そこで、CSSを使って表を作ろうと思うのですが、どのように作れば良いのか分かりません。 ご存知でしたら教えてください。 私が作りたい表は下記になります。 XHTML 1.0 Transitional 横幅:600px 縦幅:155px 4行3列で、一番左の列の4行を繋げて(tableタグでの記述は<td rowspan="4">)一つの空間になっているのもの。 セルとセルの間隔は5pxのもの。 HTMLとCSSの記述を教えていただけると幸いです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブルのセル内の隙間を取れないのですが・・。

    初めまして、今回仕事でデザイン面の改造をしております。 jsp上のTABLEタグにどうしてもcellpaddingをつけたくないもので、CSSのクラスに margin: 0px; padding: 0px; border-collapse: collapse; つけて、セル内の隙間を埋めたいのですが、どうしても隙間ができてしまいます。 Jsp内にcellpadding="0"を追加してあげると ちゃんと隙間なく表示されるのですが・・。 それだと仕様に反してしまいます。 すいませんが、どなたか他につくす手はないか教えていただけますでしょうか? tdタグのクラスにも margin: 0px; padding: 0px; をつけても駄目でした。 なぜでしょうか?

    • ベストアンサー
    • HTML
  • tableタグについて(ウェブリブログ)

    ウェブリブログの記事内にテーブルタグで『表』は表示出来たのですが、公開ページを見ると表と同じだけの行数が上部にスペースとしてあきます。 記事作成ページでは改行はしてませんし、空白行もありません。 タグは↓です。 <table bgcolor="#000000"border=1> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> </table> 単純な表ですが別な表示方法があるのでしょうか? できればタグが知りたいです。

  • 文字とテーブルの間に隙間ができてしまいます。

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> があると、 <table width="100%"> <tr> <td class="test"> <h1> aaa </h1> </td> </tr> </table> としたときに、cellpaddingをしていないのに、文字とテーブルの間に隙間ができてしまいます。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> をなくすと、通常通り表示されます。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">をつけつつ、H1タグで記載しつつ、 テーブルの間に隙間を作らない方法はありますか?

  • HTMLで書いた表の上部にはみ出た空白が出る

    HTMLで書いた表の上部に空白部分が表をはみ出てきてしまいます。たとえば11列の表を作りました。しかし行が増えるに従って、表の上部にはみ出た空欄が出て空欄の高さが長くなってきます。どういう指定をすれば表だけになって、この白い部分はなくなるか教えて下さい。あるいは最後のところのHTMLが不足しているとか。 <TABLE> <TABLE BORDER=5 WIDTH=800> 一列目 <TR bgColor=#f0ffff> <TD width=30>1</TD> <TD width=100>7/18(月)</TD> <TD width=500>成田発<BR>ミュンヘン着</TD> <TD width=300>午前<BR>午後</TD> 同じように10列の表があるとする。 最後</TABLE> 同じように11列くらい書いていると 上部に白い空白が出来てくる。なぜでしょうか。

  • tableタグによるエラー

    モバイルサイトの制作の際に tableタグを使用した箇所で ページスクロールをすると 意図しない場所に飛ぶことがあります。 例えばページ下部にtableタグを記述し 実機で最下部から上部へ ページスクロールするとtableタグの箇所で 最上部に飛んでしまうことがありました。 記述ミスではなくtableタグを使わないと 直りました。 モバイルサイトの制作の際、 複雑なレイアウトにする場合、tableタグが必要になります。 これはどのようなことが原因なのでしょうか。

  • tableタグについて

    tableタグの挙動について教えてください。 下記のタグで、tableの幅は240pxにしたいのですが、 ブラウザ表示(Chrome)では230pxとなりました。 この10pxの隙間はどこで発生しているのでしょうか? どうぞよろしくお願いします。 ーーーーHTMLーーーーー <body style="width:240px;margin:0 auto;"> <div class="list-box"> <table width="240" border="0" cellspacing="0" cellpadding="0"> <tbody><tr> <td>テキスト/td> <td>テキスト/td> </tr> </tbody></table> </div> </body> ーーーーCSSーーーーー .list-box{margin:0 auto;} .list-box table{ width:100%;} .list-box table td:first-child{ background:#900;} .list-box table td:last-child{ background:#069;}

    • ベストアンサー
    • CSS
  • 意味不明のタグが挿入されていたんですが・・・

    <!-- saved from url=(0022)http://internet.e-mail --> このタグがソースの一番上の行に挿入されているためデザインが狂っていました。 自分ではこのタグを挿入した記憶もないし、そのファイルを変更した記憶もありません。 このタグはweb上で勝手に挿入されたりするものなのでしょうか? 調べてみたら「マイクロソフトのメーラーでHTMLファイルを受け取った場合」と「名前を付けて保存」をした場合に挿入されるとありましたが、自分では全くこの作業を行っていません。

    • ベストアンサー
    • HTML
  • htmlタグを改行もせずに隙間なく書き続けると問題ありますか?

    htmlタグを改行もせずに隙間なくすると問題ありますでしょうか? ページ内の文字数(バイト数?)を 減らそうと思い、隙間なくしてみたいのですが。 例えば、改行して <table~省略> <tr> <td> <font~省略> </td> </tr> </table> を、 <table~省略><tr><td><font~省略></td></tr></table> と改行せずに、連ねてしまうと、 何か問題はありますでしょうか? 検索で順位が下がるとか、タグが読みづらくスパム扱いされたりはしないでしょうか? よろしくお願いします。