HPの文章と表の間に空欄が入ってしまうのです。
- HPの文章と表の間に空欄が入ってしまう問題について困っています。
- メモ帳で書いたHPソースに項目タイトル、画像、案内文と並べて次の行に表を描き込んだところ、意図しない空行ができてしまいます。
- また、表の下にもう一つ表を作成していますが、画面上の位置のコントロールができません。
- ベストアンサー
HPの文章と表の間に空欄が入ってしまうのです。
こんにちは。とても困っています。（XP HOME、IE6.0） Q1 メモ帳で書いたHPソースに 「項目タイトル、画像(右側指定）、案内文」と並べて次の行に表を描きこみました。 ところが、どうしても案内文と表の間に意図しない空行ができてしまい、体裁が取れません。 なぜ空行ができるのでしょうか。 Q2 表の下にもうひとつ表を作っていますが、表自体は出来ています。ただ、画面上の位置のコントロールが出来ないのです。 以上、教えてください。よろしくお願いします。 <h2> <font color ="green">お裁縫教室について<hr></h2> <img src="AI-LOGO2.jpg" height="150" align="right"> <p>今後の予定は、<a href="kaisaiyotei.html">ここを</a>ご覧ください。</p> <table border="3" bgcolor="beige" width="70%" aign="center" cellpadding="10" font color="navy">・・・・・
- 就職・就活
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
訂正 <html> <head> ←これです <title>あああ</title> <style type="text/css"> <!-- p { margin: 0.2em; } --> </style> </style>←これ要りません </head> <body> 本文 </body> </html>
その他の回答 (2)
- ぜ り～（@-Jelly-）
- ベストアンサー率34% (132/383)
・改行が入っているのか？ →提示されたソースの中に改行は入っていません ・<p>のまわりの不必要な余白を消したいのか？ 前者の場合は、提示された部分だけでは無理です 後者の場合は、Pのマージン（余白）を指定することで解消できます >ご教示のとおり ｐ｛・・・｝といれ手もそのまま画面に表示されるだけです。 引き続き意味がわからないのですが。 P { margin: 0.2em; } という言葉がそのままブラウザに表示されるということですか？ それは残念ながら、正しく表記されていれば 、あり得ません。 書き方が間違っています。 スタイルシートが分からない場合は、 <head>の中に以下をコピーしてくださいと書いたつもりでした。 ？？？と書いてしまって分かりにくかったかと思いました すみません、 <head>の場所は、 <html> <head> ←これです <title>あああ</title> <style type="text/css"> <!-- p { margin: 0.2em; } --> </style> </style> </head> <body> 本文 </body> </html> こうなるようにしてください。 それと、 <h2> <font color ="green">お裁縫教室について<hr></h2> となっている部分ですが、 <hr>を <h2>あああ<h2><hr>にしてください 以上です
お礼
お礼遅くなってごめんなさい。 尾者るとおりにして、解決しました。 ありがとうございました。
- ぜ り～（@-Jelly-）
- ベストアンサー率34% (132/383)
提示されたソースのみを表示させると、 変な空行は入っていません。 見間違いか、ソースが違いませんか？ <P>で囲った部分の前後に不必要な余白が出来る、 という意味なら分かりますが。 スタイルシート使用なら P { MARGIN: 0.2EM; } の１行を追加してください。 スタイルシート？？？の場合は、 <HEAD>の中に <style type="text/css"> <!-- P { MARGIN: 0.2EM; } --> </style> を入れてください >画面上の位置のコントロールが出来ない こっちのほうは質問の意図すら分かりませんでした スイマセン テーブルをそのまま <CENTER>テーブル</CENTER>とか、 <div align="rignt"> テーブル</DIV> とかで囲っても位置がかわらないということですか？
補足
早速にありがとうございます。 当方、お恥ずかしいのですが、CCSは分かりません。ご教示のとおり ｐ｛・・・｝といれ手もそのまま画面に表示されるだけです。 いちおう、ご教示のとおりやってみましたが解消しません。 実は、問題の箇所の上方（前の部分）案内文、<table・・・・＞ <caption> ・・・・・<tr>～</tr></table>とやると、空白行を生じないで次行に進みます。 同じ手法で別の場所では問題が起こるというのは、なにか問題の場所に他の部分からの反映があるからでしょうか。お願いします。
関連するQ&A
- HTMLで表を横並びにしたくて、下記のような表を作りました。
HTMLで表を横並びにしたくて、下記のような表を作りました。 この表をもう一つ右隣に作りたいのですが、どうもうまくいきません。 何を付け足せば横に並んでくれるのでしょうか？ <table style= width="500" bgcolor="#007500" cellspacing="1" cellpadding="5"> <tr> <td bgcolor="#e5ffe5" width="120"><font color="#000000"><strong><a href="紹介したURL">ああああ</strong></font></td> <td bgcolor="#ffffff"><font color="#000000"><strong>ああ<br></strong></font></td> </tr> <tr> <td bgcolor="#e5ffe5"><font color="#007500"><strong><a href="紹介したいURL">ああああ</a> </strong></font></td> <td bgcolor="#ffffff"><font color="#000000"><strong>ああ<br></strong></font></td> </tr> <tr> <td bgcolor="#e5ffe5"><font color="#000000"><strong><a href="index.html"></strong></font></td> <td bgcolor="#ffffff"><font color="#000000"><strong>あああああ</strong></font></td> </tr> </table><br> </tr>
- ベストアンサー
- その他([技術者向] コンピューター)
- 自動的に空欄を埋めれるようにするには？
お世話になります。 以下はテーブルを使ってつくられたものです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>index03のページ</title> <style type="text/css"> <!-- body { background-color: #FFFFCE; background-image: url(); } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .style132 {font-size: 14px; color: #CC6600; } .style153 {font-size: 16px; color: #9CCE39; font-weight: bold; } .unnamed1 { font-size: 16px; color: #FF0000; font-style: italic; font-weight: normal; } .unnamed2 { color: #FF6600; font-size: 16px; font-style: italic; } .unnamed3 { color: #CCCC00; font-size: 16px; font-style: italic; } .unnamed4 { color: #6B9C21; font-size: 16px; font-style: italic; } .unnamed5 { color: #006600; font-size: 16px; font-style: italic; } .unnamed6 { color: #55A0FF; font-size: 16px; font-style: italic; } .unnamed7 { color: #0000FF; font-size: 16px; font-style: italic; } .unnamed8 { color: #6600CC; font-size: 16px; font-style: italic; } .style1 {color: #FFFFCE} .style2 {color: #A9E2A9} --> </style> </head> <body bgcolor="#ECE9D8"> <a name="建設業"></a><br> <table width="746" height="26" border="1" bordercolor="#9CCE39" bordercolorlight="#9CCE39" bordercolordark="#9CCE39" bgcolor="#9CCE39"> <tr> <td width="736" height="20" align="left" valign="middle" background="color01.gif"> <span class="style153">■</span> <span class="style153">建設業</span> <span class="style153">■</span></td> </tr> </table> <br> <span class="unnamed1">（あ行）</span> <table width="740" cellspacing="0"> <tr valign="middle"> <td width="367"></td> <td></td> </tr> <tr valign="middle" bgcolor="FFFFCE"> <td> <a href="A073.htm" target="_parent" class="style132">・ あああ</a></td> <td> <a href="A017.htm" target="_parent" class="style132">・ いいい</a></td> </tr> <tr valign="middle" bgcolor="FFCCFF"> <td> <a href="A069.htm" target="_parent" class="style132">・ ううう</a></td> <td> <a href="A043.htm" target="_parent" class="style132">・ えええ</a></td> </tr> こちらはテーブルを使って書かれたものですが、 (1)テーブルを使わずに (2)「あああ」を消した場合 (3)自動的に「いいい」が「あああ」のあったところに移動 させるには、どうしたらよいでしょうか？ ヒントでもかまいませんので、ご協力よろしくお願いします。
- 締切済み
- HTML
- ホームページの作成の質問です
下のように画像の横にテーブルを並べたいのですが、 画像 テーブル テーブルは <table border=1 Width="500" height"70" cellspacing=1 cellpadding=7> <tr style="height:20px;" align="center"> <td width="120" BGCOLOR="#8A2BE2"><font color="#FFFFFF">文字</td> <td width="120" BGCOLOR="#8A2BE2"><font color="#FFFFFF">文字</td> <td width="120" BGCOLOR="#8A2BE2"><font color="#FFFFFF">文字</td> <td width="120" BGCOLOR="#8A2BE2"><font color="#FFFFFF">文字</td> <td width="120" BGCOLOR="#8A2BE2"><font color="#FFFFFF">文字</td> </tr> このようなテーブルです、 よろしくお願いします<m(__)m>
- ベストアンサー
- その他（インターネット・Webサービス）
- 背景画像 Ctrl+A保存が使えない？
<body background="http://i.yimg.jp/images/main13.gif" <br> <div align="center"> <table border=5 cellpadding=0 cellspacing=0 width=600> <tr> <th bgcolor="blue" background="./wall-index2.jpg"> <br> <br> <font size=5>あいうえお かきくけこ。 </font></span> <font color="navy"> <br> <h3> さしすせそ。</h3></span> <br><br></font> </th></tr> </table> 上記の文をテキスト・ファイルにコピーしてから、その文をタグ実験場に貼り付けます。表れた文や画像をCtrl+Aで保存しようとしても枠内文章だけが保存されて、背景画像は保存されないようなのですが何故なのですか？ どうすれば全てを保存できるのですか？ タグ実験場です→http://sussiweb.com/hp/tool/tag.htm 宜しくお願いします。返信、お待ちしております。
- ベストアンサー
- ホームページ作成ソフト
- このような表をもっとスッキリさせるには？
<table bgcolor="#000000" table style="font-size:12px" cellspacing="1" cellpadding="5" width="500" height=""> <colgroup width="20%"> <colgroup width="30%"> <colgroup width="50%"> <tr><td bgcolor="#FFFF00">あああ</td><td bgcolor="#FFFFFF">ああああ</td><td bgcolor="#FFFFFF">あああああ</td></tr> <tr><td bgcolor="#FFFF00">いいい</td><td bgcolor="#FFFFFF">いいいい</td><td bgcolor="#FFFFFF">いいいいい</td></tr> <tr><td bgcolor="#FFFF00">うううう</td><td bgcolor="#FFFFFF">うううう</td><td bgcolor="#FFFFFF">ううううう</td></tr> </table> ↑こんな感じで表を作っています。 【bgcolor="#FFFFFF"】のようなものがやたらに多いので、CSSを使ってもっとスッキリさせたいのですがどうCSSタグを配置したらよいのかわかりません。。 お分かりの方、是非教えてください！！
- ベストアンサー
- その他（インターネット・Webサービス）
- HPの背景設定について
こんばんは。 HPの背景を画像にしたいのですが、 全くできないんです・・・ 画像を表示するタグが<img src="○○○">です。 （利用しているHPのサイトで決まっています。） <html> <body background="<img src="○○○">" >←※ここです！ <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=30 WIDTH=650> <TR><TD ALIGN=center BGCOLOR=white><center> <font size="6"><font color="mazenda">～～～</font></body></html> ※のところの背景が表示されるには、どうしたらいいでしょうか？ 大変困ってます(:_;)よろしくお願いします。
- ベストアンサー
- ブログ
- 楽天オークション HTMLエラー
楽天オークション商品説明文の欄にHTMLを挿入した結果「PC用説明文欄に認められていないHTMLタグ、または「<」「>」が入力されています。各入力項目ごとの利用可能なHTMLタグをご確認ください。」というエラーが出ました。 どなたか解決方法をお教えください。 <div align="center"> <table width="695" cellpadding="1px" cellspacing="1px" bgcolor="#187353"> <tr> <td align="center"><font color="#ffffff" size="+1"><strong>商品データ</strong></font></td> </tr> </table> <table width="700" cellpadding="5px" cellspacing="3px"> <tr> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 参考価格</strong></font></td> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 販売価格</strong></font></td> </tr> <tr> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">29,800円</font></td> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">24,500円</font></td> </tr> <tr> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ ランク</strong></font></td> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 型番</strong></font></td> </tr> <tr> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">N(新品・未使用品)</font></td> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">J1234</font></td> </tr> <tr> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 色</strong></font></td> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ サイズ</strong></font></td> </tr> <tr> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">BLACK</font></td> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">縦30cm 横10cm</font></td> </tr> <tr> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 素材</strong></font></td> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 付属品</strong></font></td> </tr> <tr> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">レザー</font></td> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">なし</font></td> </tr> <tr> <td colspan="2" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ コメント</strong></font></td> </tr> <tr> <td colspan="2" bgcolor="#EFEFEF"><font color="#231815" size="-1">小さなシミ(変色目立つ)小傷若干(角擦れ目立つが破れなし)</font></td> </tr> </table> </div> 宜しくお願い致します。
- 締切済み
- HTML
- デーブルが延びる
たまにテーブルが意図しないかんじで右にのびる場合が あります。これを防ぐにはどうすれば、いいですか？ どういうタグを打てばいいですか？ <table width="85%" border="0" cellspacing="0" cellpadding="2" bgcolor="#ff0066"><trheight="216"> <td valign="top" align="center" bgcolor="#ff0066" width="786" height="216"><table width="786" border="0" cellspacing="0" cellpadding="2" bgcolor="#eeeeee"><tr> <td colspan="2" bgcolor="#ff0066" width="782" height="23" valign="top"><div align="left"> <font size="3" color="white" face="MSゴシック,OSAKA">例</font><b><font size="2" color="white"><font size="3" face="arial,verdana"><b><br></b></font></font></b></div></td></tr> <tr height="158"><td colspan="2" align="center" bgcolor="white" width="782" height="158"> <div align="left"><br> <font size="3" color="#555555" face="MSゴシック,OSAKA">テスト募集</font><font size="2" color="#555555" face="MSゴシック,OSAKA">！</font> <p><font size="2" color="#555555">XXXXX参加して頂ける方を随時募集しております。<br> </font></p><p></p> <div align="left"><p></p></div></div></td> </form></tr><tr height="23"><td colspan="2" width="782" height="23" valign="top"> <div align="right"><br></div></td></tr> </table></td></tr><tr> <td valign="top" width="786"><br></td> </tr></table>ソフトはD WとGo Liveを使います。
- ベストアンサー
- HTML
- HTMLでテーブルを縦に並べたい！
基本的な質問でお恥ずかしいのですが、困っています。 テーブルを二つ、縦に並べたいのですが、何故か横に並んでしまいます。 どこが悪いのでしょうか？初心者ですみません…お知恵をお貸しください(T_T)。 <caption><font color="#ff0000">●</font>A <font color="#0000ff">●</font>B</font></caption> <table bgcolor="#80ffff" border="1"cellspacing="0" bordercolor="#0000ff" align="left"> <tr><th width="30"><font size="+5"><font color="#ff0000">●</font></th> <th width="150"> <font size="+4"><strong><big>C</big></strong></font></th> <td><font size="+2">D<br>E</font></td></tr> <tr><td></td><td><div align="center"> <font size="4" color="#8080ff"> 準備中</font></div></td><td></td></tr></table> </p></div> <p></p> <table align="center" bgcolor="#80ffff" height="20" width="250" border="1" cellspacing="2" cellpadding="0"> <tr><td><blink>HOME</blink></td></tr> </table> </body>
- ベストアンサー
- HTML
- HTML、テーブルが下に落ちます。
様々な実験をしてみましたが上手くいきません。何が原因なのでしょうか？ ちなみにレンタルブログのFC2を利用しています。記事のページにこのタグを貼り付けてアップしてみました。 HTMLをチェックするサイトで確認しましたが非常に悪い評価でした。 どうすれば正常に表示されるのでしょうか？ また、私は2列のメニューを作成したいのですが他にテーブル以外の方法はありますでしょうか？ <table bgcolor="#000000" width="80%" cellpadding="2" cellspacing="1" style="font-size:14px;" summary="top menu" > <tr> <td bgcolor="#000000" > <b style="color: #ffffff;font-size:15px;">■</b> <b style="color:#ffffff;font-size:16px;">あおうえお</b></td> <td bgcolor="#000000" > <b style="color: #ffffff;font-size:15px;">■</b> <b style="color:#ffffff;font-size:16px;">かきくけこ</b></td> </tr> <tr> <td bgcolor="#000000" > <b style="color:#ffffff;font-size:5px;">●</b> <a href="http://××" style="color:#ffffaa;" >さしすせそ</a></td> <td bgcolor="#000000" > <b style="color:#ffffff;font-size:5px;">●</b> <a href="http://××" style="color:#ffffaa;">たちつてと</a></td> </tr> <tr> <td bgcolor="#000000" > <b style="color:#ffffff;font-size:5px;">●</b> <a href="http://××" style="color:#ffffaa;">なにぬねの</a></td> <td bgcolor="#000000" > <b style="color:#ffffff;font-size:5px;">●</b> <a href="http://××" style="color:#ffffaa;">はひふへほ</a></td> </tr> <tr> <td bgcolor="#000000" > <b style="color:#ffffff;font-size:5px;">●</b> <a href="http://××" style="color:#ffffaa;">まみむめも</a></td> <td bgcolor="#000000" > <b style="color:#ffffff;font-size:5px;">●</b> <a href="http://××" style="color:#ffffaa;">やゆよ</a></td> </tr> <tr> <td bgcolor="#000000" > <b style="color:#ffffff;font-size:5px;">●</b> <a href="http://××" style="color:#ffffaa;">わいうえお</a></td> <td bgcolor="#000000" > <b style="color:#ffffff;font-size:5px;">●</b> <a href="http://××" style="color:#ffffaa;">テスト</a></td> </tr> <tr> <td bgcolor="#000000" > <b style="color:#ffffff;font-size:14px;">■</b> <b style="color:#ffffff;font-size:15px;">テスト２</b></td> <td bgcolor="#000000" > <b style="color:#ffffff;font-size:5px;">●</b> <a href="http://××" style="color:#ffffaa;">テスト３</a></td> </tr> お手数ですがご教授をお願いします。
- ベストアンサー
- ブログ
お礼
早速の再度のご教示ありがとうございました。 まことに申し訳ないのですが、ご教示いただきながら理解できず、トラブルも解消できませんでした。私の能力がご指導を受け止められなかったとご理解ください。 おそらくどこか他の行での入力ミスの所為(反映）だと思います。 実は以前からよくこの空行の現象に悩まされておりました。 初心者に起こりがちのこととあきらめます。お世話様でした。