• ベストアンサー

HP作成において、隙間が出来てしまう。

携帯サイトをロリポップにて運営しているのですが、 例えば (1)<hr color=#777777 width=100% size=2> (2)<table width=100%><marquee bgcolor=#000000><font size=2><font color=#ffffff>文章</font></marquee></table> (3)<hr color=#777777 width=100% size=2> ((1)(2)(3)は分かり易くする為書き込んでいます。実際はありません) 上記のようなタグを書き込むと、(1)の<hr>と(2)のmarquee bgcolorの間に若干隙間が出来ているのです。隙間の0.2ミリくらいが白くなってしまい不格好になってしまいます。 公式サイトなどを閲覧してみると隙間などは全く無く、綺麗に設計されているので、隙間さえなくせれば少しは見栄えがつくのですが… 私のような勝手サイトでは上記のような隙間をうめることは出来ないのでしょうか？他の勝手サイトも隙間が出来ています。 どなたか隙間を埋める方法をご存知の方は教えて頂けると幸いです。 よろしくお願い致します。

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

  • ベストアンサー
  • Oh-Orange
  • ベストアンサー率63% (854/1345)
回答No.3

★アドバイス (1)<TABLE>タグには<TR>と<TD>のタグを含めますよ。→文法上の間違いあり。 (2)<HR>タグは上下に必ずスペースができます。→<HR>以外で横線を再現します。 (3)<FONT>タグの SIZE 属性と COLOR 属性は２つ同時に指定できますよ。→２つ目の</FONT>がない。エラーだな。 (4)<MARQUEE>タグのも 0.2 ミリくらいのスペースが出るのが普通です。→スタイルシートで隙間なしに出来るよ。 (5)基本的にタグの使い方が正しくありません。それからスタイルシートを利用すると隙間なしに出来ます。 ・上記の５つを踏まえて HTML ソースを記述すると下のようになります。 サンプル: <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_Jis"> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <STYLE TYPE="text/css"> <!-- #Message MARQUEE{ 　FONT-SIZE:x-small; 　BORDER-STYLE:solid; 　BORDER-WIDTH:2px 0px; 　BORDER-COLOR:#777777; 　BACKGROUND-COLOR:#000000; 　COLOR:#FFFFFF; } --> </STYLE> <TITLE>タイトル</TITLE> </HEAD> <BODY> 　： <TABLE WIDTH=100% CELLSPACING=0 CELLPADDING=0 ID=Message><TR><TD><MARQUEE>文章1</MARQUEE></TD></TR></TABLE> 　： <TABLE WIDTH=100% CELLSPACING=0 CELLPADDING=0 ID=Message><TR><TD><MARQUEE>文章2</MARQUEE></TD></TR></TABLE> 　： </BODY> </HTML> 解説: ・必要な部分は<META>タグ、<STYLE>…</STYLE>タグ部分、そして<TABLE>…</TABLE>タグ１行です。 　<META>タグの２行目は必ず記述して下さい。→スタイルシートを利用するときのお決まり文句だよ。 　<STYLE>～</STYLE>タグの部分に<MARQUEE>タグの文字色、背景色、フォントサイズとさらに<HR>の 　代わりの横線を表現するための BORDER-XXXXX を記述しています。 ・『文章1』と『文章2』の色が違う場合は補足して下さい。→上記では同色になります。 　その他、何かあればどうぞ。 ・以上。おわり。

happy7happy7
質問者

補足

回答ありがとうございます。 携帯ブラウザはCSSに未対応なのがほとんどなので、CSSによる修飾ができません。 他の方法はありませんでしょうか？

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

その他の回答 (2)

回答No.2

とりあえず（２）は意味不明です。 tableタグの中に直接marqueeタグを書かないでください。

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

hrをつかうと多分どうやっても隙間が出来るような気がするんですが…。 とりあえずtableに全然指定されてない値があるので下記のような感じにしてみてはいかがでしょうか。 <table width="100%" border="0" cellspacing="0"> 上記のようにボーダーとかスペースを0に指定すれば多少間隔は狭くなると思いますが、i-modeシミュレータが使えない環境でしてはっきりと確認は出来ません。すいません。 あと、白くなってしまいとありますが、tableの色を背景色と同じにすれば良いのでは？ ついでに0.2mmといわれても困ります（苦笑）サイトを作ってる訳ですから、2pxあいてしまう、という風にピクセル単位で書きましょう。 さらについでに勝手サイトとはあまり言わないような…。個人サイトで良いと思います。

happy7happy7
質問者

お礼

回答ありがとうございます。 どうしても隙間が出来てしまうようです。 ＞さらについでに勝手サイトとはあまり言わないような…。 携帯サイトの世界ではそういう表現多いですよ。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. その他([技術者向] コンピューター)

関連するQ&A

  • ホームページの作成の質問です

    下のように画像の横にテーブルを並べたいのですが、 画像　　　テーブル テーブルは <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>

  • 携帯サイトのMARQUEEタグで流している文字が途中で切れるのですが

    今HPビルダー11で携帯サイトを作っています。 サーバーにアップして、自分のdocomoの携帯で確認しながら修正しています。 そこで質問なのですが、 テーブルの中にMARQUEEタグで文字を流すようにしたのですが、 43文字のうち、32文字までしか表示されず、33文字以降が切れてしまいます。 タグは以下の通りです。 どうしたら43文字全部を表示できるようになるのでしょうか？ よろしくお願い致します。 <TABLE cellspacing="0" cellpadding="0"> <TBODY> <TR> <TD bgcolor="#CC00FF" width="470"><FONT size="-1" color="#ffffff">　*Welcome!*</FONT></TD> </TR> <TR> <TD bgcolor="#FFCCFF" width="470"><FONT size="-1"><MARQUEE scrollamount="3" width="470">ああああああああああああああああああああああああああああああああいいいいいいいいいいいMARQUEE> </FONT></TD> </TR> </TBODY> </TABLE>

    • ベストアンサー
    • 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タグの問題点について

    HTMLタグを使用して ページを作ろうと思っています。 そして作成してみたところ、 エラーがあるみたいで auで正しく見れていないようです。 携帯から閲覧できるものを作成しています。 問題点としては、 fontタグ、divタグ、テーブルタグの 開始タグと閉じタグの数が あっていないようなのです。 （開始タグが1個少ない） 自分でも考えてみたのですが やっぱり治りません！ どなたか詳しい方、 どこをどうなおせばよいのか 教えていただけないでしょうか。 下記が問題のあるタグです。 </br> <center> </br><table bgcolor="white" cellspacing="4" width="80%"><tr><td bgcolor="#ffffff"><center> </br> <HR color="#FFCCCC" size="4" width="100%"> <HR color="#FFCCCC" size="1" width="100%"> <img align=center mode=<img src="画像URL"><div align="center"></br></div></center> <center><img align=center mode=<img src="画像URL"><div align="center"></br></div></center> <clear=all> <HR color="#FFCCCC" size="1" width="100%"> <HR color="#FFCCCC" size="4" width="100%"></center> <CENTER><a href="サイト独自タグ"><font size="1" color="#8A8A8A">aaaaaaaa</font></a></CENTER> </br> </td></tr></table> </br></br> <br><center><table bgcolor="white" cellspacing="4" width="85%"><tr><td bgcolor="#ffffff"><font size=1></font></center>

  • タグに詳しい方、助けて下さい！

    以下のようにタグを打って携帯サイト作ろうとしているのですが、携帯から確認すると途中からテーブルが左側に寄って見えるようになりました。(PCからだとちゃんと真ん中になってます) タグを引っ張ってきただけで知識はなく、どこがどうおかしいのかわかりません。 わかる人いたら教えて下さい…お願いします！ <center><Table align="center" Border="0" Width="200" Valign="middle"> <Tr> <Td ColSpan="2" bgcolor="#FF69B4" Align="Center"><B><Font Color="#ffff33">★</Font><Font Color="#FFffff">更新・12/**</Font><Font Color="#ffff33">★</Font></B><Td></Tr><Tr><Td Width="600">※トップイラスト挿入※</Td><Td Width="20"><Font Color="#FF69B4"><Font Color="#ffff33">★</Font><br>*↓コンテンツ５行くらい<br><Font Color="#ffff33">★</Font></Font></Tr> <Tr><Td ColSpan="2" bgcolor="#FF69B4"><Marquee><Font Color="#ffffff">12/** ****</Font></Marquee></Td></Tr></Table></center>

  • 初めてＨＰを作成してるんですが

    素材の置いてあるサイトから、テーブルをダウンロードしました。 けどどうやって使えばいいのかわかりません。 コレ↓でやっても、画像がでません。 何が足りないのか教えていただけませんか？？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>テーブル設置例</TITLE> </HEAD> <BODY bgcolor="#FFFFCC"> <CENTER> <TABLE cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD colspan="5" background="画像のＵＲＬ" height="27" bgcolor="#FFFFFF"></TD> </TR> <TR> <TD bgcolor="#FFFFFF"></TD> <TD rowspan="2" valign="bottom" bgcolor="#FFFFFF"><IMG src="画像のＵＲＬ" width="100" height="171" border="0"></TD> <TD width="280" height="250" bgcolor="#FFFFFF" align="center"><FONT size="-1">文章BR> 文章<BR> <BR> 文章</FONT></TD> <TD rowspan="2" valign="bottom" bgcolor="#FFFFFF"><IMG src="画像のＵＲＬ" width="100" height="171" border="0"></TD> <TD bgcolor="#FFFFFF"></TD> </TR> <TR> <TD valign="bottom"><IMG src="画像のＵＲＬ" width="20" height="23" border="0"></TD> <TD background="画像のＵＲＬ" height="23"></TD> <TD valign="bottom"><IMG src="画像のＵＲＬ" width="20" height="23" border="0"></TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML> windows９８・ＩＥ６，０でメモ帳を使って作成しています。 超初心者のくせにかなり無謀なんでしょうかー　さっぱりわかりません。。。 何か補足することがありましたら、お知らせください ご回答どうぞよろしくお願いいたします・・！

  • 1pxの隙間

    モバイルサイトを制作しているのですが、<marquee>と画像との間に1px程の隙間ができてしまいます。 画像のサイズ、容量の変更や<marquee>を外す、<marquee>部分のテキストサイズを変えても変化はありませんでした。 確認したキャリアはW51Tです。 この1pxの隙間はどのような理由であるのでしょうか？ <!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>1pxの隙間</title> </head> <body background="sukima.gif"> <marquee bgcolor="#cd5c5c"><font color="#000000">1pxの隙間</font></marquee> <img src="sukima.gif" alt="1pxの隙間"> <br> <br> ・ ・ ・ </body> </html>

  • どこに挿入？

    <html> <head> <title>サンプルプログラムI</title> <STYLE TYPE="text/css"> <!-- Body{ scrollber-3dlight-color:#000000; scrollber-arrow-color:#000000; scrollber-darkshadow-color:#ffffff; scrollber-face-color:#ea9e00; scrollber-highlight-color:#ffffff; scrollber-shadow-color:#000000; scrollber-track-color:#ffffff; }--> </STYLE> </head> <body> <font size="5"><font color="#ff0000"><marquee scrollamount="30" truespeed direction="down" height=80" loop="10000000000000000000" onmouseover=this.stop() onmouseout=this.start() width="20"> ☆<br> ★<br> ♠<br> ♣<br> ♥<br> ♦<br> </font></font color></marquee> <input type="button" value="回す"onClick="chuusenn()"><br> <input type="button" value="リセット" onClick="init()"><br> <hr size="10"> <marquee behavior="alternate" direction="up" height="50"><marquee direction="right"><strong><em> ↑の原理を利用してスロット作りたいなぁ。。。</strong></em> </marquee></marquee> <hr size="10"> <marquee behavior="alternate" direction="up" height="50"> まぁ、今回はこの程度で終わりです。 </marquee> <marquee Bgcolor="#7f7f7f"><marquee behavior="alternate"> サンプルプログラムIIをお楽しみに！（次回いつになるか知んねぇケド </marquee> </body> </html> このプログラムはスロット形式なのですが、横に3つ記号が回るようにしようとしたら、どうしても縦になってしまってうまくいきません。どこにどういうタグを入れたらできますか？ あと、「ストップ」というボタンを付けたいのですが・・・

  • このようなリンク集を作っているサイト知りませんか?

    以前といっても1ヶ月前ぐらいなのですが、ペーパークラフト関係を巡回していたところとてもいいサイトを見つけたのですが、どうしてもそこの場所がわかりません。早い話どこか忘れてしまった。 覚えているページはリンク集のページで以下のような青い見出しラインがついています。 ペーパークラフト以外にも自動車メーカのリンクがありました。 そしてサイトの他のコンテンツのページからは一見関連なさそうな構成になっていたのを覚えています。 どなたかこのようなリンクのページがあるサイトご存知でしたら教えてください。お願いします。 <html> <body> <table><tr><td width="200" bgcolor="#0000ff"><font color="#ffffff">ペーパークラフト</font></td><td width="200"></td><td width="200" bgcolor="#0000ff" ><font color="#ffffff">自動車</font></td></tr> </table> <br> <table><tr><td width="200" bgcolor="#0000ff"></td><td width="200"></td><td width="200" bgcolor="#0000ff">g</td></tr> </table> </body> </html>

  • 　　　プログラムで困っています！

    <html> <head> <title>サンプルプログラムI</title> <STYLE TYPE="text/css"> <!-- Body{ scrollber-3dlight-color:#000000; scrollber-arrow-color:#000000; scrollber-darkshadow-color:#ffffff; scrollber-face-color:#ea9e00; scrollber-highlight-color:#ffffff; scrollber-shadow-color:#000000; scrollber-track-color:#ffffff; }--> </STYLE> </head> <body> <font size="5"><font color="#ff0000"><marquee scrollamount="30" truespeed direction="down" height=80" loop="10000000000000000000" onmouseover=this.stop() onmouseout=this.start() width="20"> ☆<br> ★<br> ♠<br> ♣<br> ♥<br> ♦<br> </font></font color></marquee> <input type="button" value="回す"onClick="chuusenn()"><br> <input type="button" value="リセット" onClick="init()"><br> <hr size="10"> <marquee behavior="alternate" direction="up" height="50"><marquee direction="right"><strong><em> ↑の原理を利用してスロット作りたいなぁ。。。</strong></em> </marquee></marquee> <hr size="10"> <marquee behavior="alternate" direction="up" height="50"> まぁ、今回はこの程度で終わりです。 </marquee> <marquee Bgcolor="#7f7f7f"><marquee behavior="alternate"> サンプルプログラムIIをお楽しみに！（次回いつになるか知んねぇケド </marquee> </body> </html> このプログラムはスロット形式なのですが、横に3つ記号が回るようにしようとしたら、どうしても縦になってしまってうまくいきません。どこにどういうタグを入れたらできますか？ あと、「ストップ」というボタンを付けたいのですが・・・

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する