人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

携帯サイトを作成中なのですが、
背景色を一律にするのではなく、所々変えています。

例:
<TABLE WIDTH=100%><TR><TD BGCOLOR=#FF0000>
あいうえお
</TABLE></TR></TD></font>

<TABLE WIDTH=100%><TR><TD BGCOLOR=#0000FF>
かきくけこ
</TABLE></TR></TD></font>

上記のようにすると、【あいうえお】の背景は赤で、【かきくけこ】の背景は青なのですが、赤と青の変り目に白い隙間が出来てしまいます。
携帯サイトとしてはものすごい不恰好になってしまいます。
公式サイトなどは隙間が一切なく綺麗に設計されています。
どのようにすれば隙間をなくすことが出来るでしょうか?
よろしくお願い致します。

●質問者: happy778
●カテゴリ:インターネット ウェブ制作
✍キーワード:あいうえお 作成 公式サイト 携帯サイト 背景色
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● kyoto_kyoto
●27ポイント

>

あいうえお

かきくけこ


でいけるはずです。

特に意味がない限り、ひとつのテーブルタグで

いったほうがいいと思います。

◎質問者からの返答

ソースが表示されていないようなのですが…


2 ● kyoto_kyoto
●27ポイント

htmlタグが有効になってしまってたようです。

<html><body><TABLE WIDTH=100% border="0" cellspacing="0" cellpadding="0">

<TR>

<TD BGCOLOR=#FF0000>

あいうえお

</td></TR>

<tr>

<td BGCOLOR=#0000FF>

かきくけこ

</td>

</TR>

</TABLE>

</body></html>

でどうでしょうか。

特に必要がない限り、tableはひとつに

まとめてしまうほうがいいと思います。

◎質問者からの返答

出来ました!!

回答ありがとうござました!!!!

とても参考になりました★

ポイントを確定させて頂きます★

あと再度質問になってしまい申し訳ないんですが、区切り線の隙間を埋めることは不可能ですよね?

例:


<marquee bgcolor=#000000>文章</marquee>


もしありましたら教えて頂けると助かります★


3 ● kyoto_kyoto
●26ポイント

ケータイサイトでどこまでのtableタグ記述が

できるかわからないですが、

<html><body>

<TABLE WIDTH=100% border="0" cellspacing="0" cellpadding="0">

<TR>

<TD height="1" BGCOLOR=#FF0000>

</td></TR>

<tr>

<td BGCOLOR=#0000FF>

<marquee>かきくけこ</marquee>

</td>

</TR>

<TR>

<TD height="1" BGCOLOR=#FF0000>

</td></TR>

</TABLE>

</body></html>


でいけると思います。

テーブルタグで、

高さ1

高さ任意

高さ1

のセルを配置して、高さ1のセルを

罫線代わりに使っています。

これでうまくいかない場合は、

高さ1のセルの中に、高さ1ピクセルの

透明な画像を配置してください。

◎質問者からの返答

回答ありがとうございます。

PCだと無事表示されるのですが、携帯からだと幅が1ピクセルしか表示されません。

なぜでしょうか…?

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ