- ベストアンサー
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ミリくらいが白くなってしまい不格好になってしまいます。 公式サイトなどを閲覧してみると隙間などは全く無く、綺麗に設計されているので、隙間さえなくせれば少しは見栄えがつくのですが… 私のような勝手サイトでは上記のような隙間をうめることは出来ないのでしょうか？他の勝手サイトも隙間が出来ています。 どなたか隙間を埋める方法をご存知の方は教えて頂けると幸いです。 よろしくお願い致します。
- happy7happy7
- お礼率26% (381/1418)
- その他([技術者向] コンピューター)
- 回答数3
- ありがとう数1
- みんなの回答 （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』の色が違う場合は補足して下さい。→上記では同色になります。 その他、何かあればどうぞ。 ・以上。おわり。
その他の回答 (2)
- mazimekko3
- ベストアンサー率38% (74/194)
とりあえず（２）は意味不明です。 tableタグの中に直接marqueeタグを書かないでください。
- Phoebastria
- ベストアンサー率21% (177/817)
hrをつかうと多分どうやっても隙間が出来るような気がするんですが…。 とりあえずtableに全然指定されてない値があるので下記のような感じにしてみてはいかがでしょうか。 <table width="100%" border="0" cellspacing="0"> 上記のようにボーダーとかスペースを0に指定すれば多少間隔は狭くなると思いますが、i-modeシミュレータが使えない環境でしてはっきりと確認は出来ません。すいません。 あと、白くなってしまいとありますが、tableの色を背景色と同じにすれば良いのでは？ ついでに0.2mmといわれても困ります（苦笑）サイトを作ってる訳ですから、2pxあいてしまう、という風にピクセル単位で書きましょう。 さらについでに勝手サイトとはあまり言わないような…。個人サイトで良いと思います。
お礼
回答ありがとうございます。 どうしても隙間が出来てしまうようです。 ＞さらについでに勝手サイトとはあまり言わないような…。 携帯サイトの世界ではそういう表現多いですよ。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
補足
回答ありがとうございます。 携帯ブラウザはCSSに未対応なのがほとんどなので、CSSによる修飾ができません。 他の方法はありませんでしょうか？