• ベストアンサー

テーブルの画像挿入時に縦横幅の設定

テーブルで画像を挿入し、 画像のサイズと同じ縦横幅を<td></td>に設定しました。 ですが、どうしても下に空欄ができてしまいます。 解かりやすくFTPにアップしましたのでご指導お願いします。 http://peko.10gallon.jp/test.html 上記の赤い部分が空欄です。 画像の縦幅(height="35")を設定してますが なぜか下に赤い部分の空欄が出来てしまいます。

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

  • ベストアンサー
  • chie65536
  • ベストアンサー率41% (2512/6032)
回答No.2

<td bgcolor="#ff0000" height="35"> <a href="http://www.google.ne.jp/"><img src="air-ic.jpg" border="0" width="180"></a><img src="banner.jpg" width="570"> </td> を <td bgcolor="#ff0000" height="35"><a href="http://www.google.ne.jp/"><img src="air-ic.jpg" border="0" width="180"></a><img src="banner.jpg" width="570"></td> に、 <td height="200" bgcolor="#ff0000"> <embed src="title.swf" width="750" height="200"></embed> </td> を <td height="200" bgcolor="#ff0000"><embed src="title.swf" width="750" height="200"></embed></td> に変えましょう。 要は「セルのデータの中に改行文字を入れると、上下に改行分の隙間が取られるので、<td>~</td>間の改行文字は全て取り除く」と言う事です。

tomohiro2006
質問者

お礼

ご指摘ありがとうございます。 あまりに、初歩的というか改行という点に 気づかなかった私自身、勉強不足です>< ホントにありがとうございましたm(_ _)m

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

noname#60878
noname#60878
回答No.1

http://www.mozilla.gr.jp/standards/webtips0018.html これとは関係有りませんか??

tomohiro2006
質問者

お礼

お返事ありがとうございます。 今回は改行というかなり初歩的な部分でした(汗 参考になるサイトを教えていただきありがとうございました。 またよろしくお願いします。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • テーブルの縦が縮まらない

    質問させて下さい。テーブルで表を作ったのですが、縦幅が 縮まらなく困っています。 具体的には、セル内の余白を5ピクセルにしているのですが テキストとセルの境界線の縦の距離が何倍も開いてしまいます。 ソース↓ (ボディ内はこれで全てです。テキストを変えただけです。  使用ソフトはドリームウィーバー8) --------------------------------------------------------- <table width="490" height="395" cellpadding="0" cellspacing="0" bgcolor="#666666"> <tr> <td width="490" height="393"> <table width="100%" height="100%" border="0" cellpadding="5" cellspacing="1"> <tr> <td width="121" height="35" align="center" valign="middle" bgcolor="#FFCCFF"><font color="#333333" size="2">ああああ</font></td> <td width="344" height="35" align="left" valign="middle" bgcolor="#FFFFFF"><font color="#333333" size="2">あああああああああ</font></td> </tr> <tr> <td height="22" align="center" valign="middle" bgcolor="#FFCCFF"><font color="#333333" size="2">ああああ</font></td> <td align="left" valign="middle" bgcolor="#FFFFFF"><font color="#333333" size="2">あああああああああ</font></td> </tr> </table> </td> </tr> </table> --------------------------------------------------------- 試したこと:各セルの縦幅を揃えて指定してみる。指定を全て       外してから、再度調節してみる。セル内のテキスト       表示位置を上位置に設定してみるなどです。。。 どこかすごい見落としをしているのでしょうか。よろしくお願い します。

    • ベストアンサー
    • HTML
  • テーブルの高さ設定がうまくいきません。

    テーブルの高さ設定がうまくいきません。 すいません。色々調べたのですが、うまくいきません。 宜しくお願いいたします。 2行2列のテーブルをDreamWeaverで挿入しましたが高さの設定がうまくいきません。 <td width="600" height="30">としていますが、30の高さのイメージを入れた所 下に大きく空白欄ができます。この解消法がわかりません。 初歩的な内容ですいません。

  • 画像枠テーブルについて

    画像を使ってテーブルを作ってます。 しかし、上と右の画像が繰り返してしまいます。 ここで調べてCSSでやってみましたが余計崩れてしまいました。 右下の部分と右の部分の結合もおかしくなります。 どうしたらいいんでしょうか? http://blog-imgs-19.fc2.com/x/a/n/xandinosqu/table_temple.png 紫で囲まれた部分です。 ソースは <TABLE border="0" cellpadding="0" cellspacing="0" width="60%"> <TBODY> <TR> <TD><IMG src="左上の画像" width="15" height="15"></TD> <TD background="上の画像" width="100%"> </TD> <TD><IMG src="右上の画像" width="15" height="15"></TD> </TR> <TR> <TD height="50" background="左の画像"> </TD> <TD bgcolor="#ff577f"> <TABLE border="0" cellpadding="20" cellspacing="2" width="100%" height="100%" align="CENTER"> <TBODY> <TR> <TD>*中身*</TD> </TR> </TBODY> </TABLE> </TD> <TD background="右の画像"> </TD> </TR> <TR> <TD><IMG src="左下の画像" width="15" height="15"></TD> <TD background="下の画像"> </TD> <TD><IMG src="右下の画像" width="15" height="15"></TD> </TR> </TBODY> </TABLE> です。 ビルダーで編集してます。 横幅は60%でいいんです。 画像サイズは、左上・右上・右下・左下・右・左・上・下全て15×15です。 中途半端な説明かと思いますがご教授お願いします。 えーっと、それとなるべくなら小学生でも分かりやすい説明をお願いします。小学生じゃないですけど。

    • ベストアンサー
    • HTML
  • table の横幅を指定しても長文を入れると崩れる

    今フォームを作っていて、テーブルでレイアウトしているのですが、 長文を挿入すると、その文字の分だけ横幅が伸びます。つまり長文が自動で改行されないのです。ちなみにテーブルと各tdには横幅を指定してあります。 テーブルに「table-layout: fixed;」を指定すると、テーブル自体の横幅は指定通りになるのですが、中身の文章ははみ出したままです。。。 もうお手上状態です。。。 どなたかお分かりの方お教えください!!!!!

    • ベストアンサー
    • HTML
  • HTML テーブルに画像を貼り付けるときのサイズ

    ページいっぱいに広がるテーブルをひとつ用意し、 それを横に3等分して、それぞれのセルの下部に画像を表示しようと思いました。 しかし、表示してみると、テーブルは画面の横幅よりも広がってしまい、思うとおりに表示できません。 画像の代わりに文字を表示してみると、思った位置に表示できているのですが・・・。 画像を、画面の横幅を3等分したセルいっぱいに表示するにはどうしたらよいのでしょうか? 現在のソース: <TABLE WIDTH="100%" HEIGHT="100%">  <TR ALIGN="center" VALIGN="bottom">    <TD WIDTH="33%">     <IMG SRC="~~" WIDTH="100%">    </TD>    <TD WIDTH="33%">     <IMG SRC="~~" WIDTH="100%">    </TD>    <TD WIDTH="33%">     <IMG SRC="~~" WIDTH="100%">    </TD>   </TR> </TABLE>

  • 他のページに移ると、テーブルの縦のサイズが短くなる?

    WINXP、IE6を使っています。 最上段に、リンクバーを作り、その下にテーブルでレイアウトしています。 設定した直後に表示させると、うまくゆくのですが、他のページに移り戻ってきますと、縦のサイズが短くなって、最下段の画像が下から浮いています。 サイズを変えても、結果は同じです。 (コード) <body topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0" background="top1.jpg> リンクバーのコード省略 <table border="0" cellspacing="0" cellpadding="0" width="100%" height="96%"> <tr valign="top"> <td> </td> <tr valign="bottom"> <td align="right"> </td> </tr> </table> </body></html> どこが悪いのでしょうか? お分かりの方、教えてください。 よろしくお願いします。

  • 画像を使ったテーブルで隙間ができてしまいます

    画像を枠に使ったテーブルをHTMLで作成し、FC2ブログに載せています。 Chrome上ではうまく表示されるものの、IE、Firefoxでは Rowの上に隙間ができてしまい、枠画像が正しく表示されません。 ----------Tableの基本構造---------- <table cellspacing="0" cellpadding="0" border="0" width="x" height="y" bgcolor="#FFFFFF"> <tr><td><img src="左上角"></td> <td><img src="上部"></td> <td><img src="右上角"></td></tr> <tr><td width="15"><img src="左1列目"></td> <td style="color:# … ;"> 内容1</td> <td width="15"><img src="右1列目"></td></tr> <tr><td width="15"><img src="左2列目"></td> <td style="color:# … ;"> 内容2</td> <td width="15"><img src="右2列目"></td></tr> <tr><td><img src="左下角"></td> <td><img src="下部"></td> <td><img src="右下角"></td> </tr></table> -------------以上-------------- 上記のものよりも実際は行と列を増やしておりますが、基本的に増殖しているだけです。 1行目と2行目の間に隙間ができて縦の画像枠が細切れになっています。 隙間ができているのは行の下ではなく、上の部分のように見えます。(背景色の見え方などから) テーブルのみの上記コードは、ローカル環境ではIEでも正しく表示されるため、 ブログにアップした際乱れるのは、スタイルシートの影響かと考えております。 自分でそれらしいところをいろいろ設定をいじりましたが改善しません。 ということで、 ≪スタイルシートの設定で、画像を枠に使ったテーブルの隙間に影響を与えうる要素≫ が何が考えられるか教えて頂ければと存じます。 なお、使っているStyle Sheetは以下のものですが、 http://blog-imgs-30-origin.fc2.com/w/m/k/wmks/wm_gienah_R.html TableにかかわるStyle部分はコメントアウトしましたので、テーブル自体のスタイルは 適用されていないはずです。

    • ベストアンサー
    • CSS
  • テーブル内に画像表示するとき。

    自サイトでレイアウトにテーブルを使っています(邪道って言わないで……)。 で、サイトロゴをセル内に表示させてネスケで確認したところ、 画像が半分テーブルの外にはみ出したようになってしまいました。 ちなみにはみ出した部分は少ししか表示されず、 つまり絵がぱっつんと途中で切れてしまった状態です。 普段はIE派ですが、こちらでは問題なく表示されます。 ネスケは4.7なのですが、まさかそういうバグがあるのでしょうか。 タグ手書きでいつも何かしらミスがあるので、今回も探したのですが、 何故か何が悪いのかわかりません。 以下にソースを載せますので、一緒に考えてくださると嬉しいです。 ======================= <table bgcolor="#ffffff" width="580" height="210">  <tr>   <td width="210" height="210" rowspan="5">   <img src="×××.gif" width="210" height="210" alt="コメント">   </td>   <td width="370" height="7">   <img src="1.gif" width="1" height="1">   </td>  </tr>  <tr>   <td align="right" height="15" class="orange2">   文章文章文章文章   </td>  </tr>  <tr>   <td height="166">   文章文章文章文章   </td>  </tr>  <tr>   <td height="15" align="right">   文章文章文章文章   </td>  </tr>  <tr>   <td height="7">   <img src="1.gif" width="1" height="1">   </td>  </tr> </table> ======================= 問題の画像は4行目の「×××.gif」。 ちなみに1.gifはこれまたレイアウトの強い味方、 1ピクセル四方の透明画像になっております(笑)。 どうぞ宜しくお願いします。

  • 横幅を画像基準にしたいのですが

    テーブルの中に画像を表示しつつその上に文字を表示させたいのですが テーブルの幅が文字基準になってしまいます。 横幅を画像基準にしたいのですが、 width属性で一つ一つ指定するしかないのでしょうか? 今は空白を使って <table border="1" background="http:/ "> <tr><td>&nbsp;&nbsp;&nbsp;test&nbsp;&nbsp;&nbsp;</td></tr></table> このように調整しています。

    • ベストアンサー
    • HTML
  • tableの中のtableの表示と外側(大きい方)のtableに背景画像を表示させる方法

    非常にわかりにくいタイトルで申し訳ありません。tableの中にtableを入れて、外側(大きい方)のtableだけ背景画像を表示させたいのですがどのようにすればいいのでしょうか?下記ソースまでは作ったのですが、中(小さい方)のtableがなぜか右よりになってしまいます。小さいtableを真ん中にして、そのtableの周りを画像で囲みたいのですがどのようにすればいいのでしょうか?もちろん、下記ソースでなくても全然かまいません。htmlはまだまだ勉強中で詳しい方からすれば非常に見難いソースで申し訳ありませんが、ぜひお力添えいただけたらと思いますのでよろしくお願いします。 ↓ソース <html> <head> <body> <title>タイトル</title> <TABLE background="画像jpg"><TD width="10%" height="10%"><TR></TD><TD height="100%"></TD><TD width="100%" height="100%"><TD width="100%"><TD> <TABLE border width="600" height="100%" bgcolor="white">  <TR>   <TD> 文章 </TD>  </TR> </TABLE> </CENTER> </body> </html>

このQ&Aのポイント
  • ウイルスセキュリティZEROを使用しているが、各セキュリティ設定が有効にできないというお困りの方への解決方法をご紹介します。
  • ウイルスセキュリティZEROにはさまざまなセキュリティ設定がありますが、その設定が正しく有効化されない場合の対処法について説明します。
  • ウイルスセキュリティZEROのインストールは成功したが、セキュリティ設定が反映されないといった問題が発生している場合について考えてみましょう。
回答を見る