こんにちは。私はHP作成超初心者の者です。かなり基礎的な質問だったらすみませんが、行き詰まっているのでどなたか教えて下さい。私はDreamweaverを使用しているのですが、トップページでフレームを使わずに下部に幅5cm位のベタ塗りをしたいのですが、どのような方法をとるのがベストでしょうか?どのPCから見ても端が切れないように見せたいのですが(フレームのように)それは可能ですか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2003/07/14 13:40:26
  • 終了:--

回答(4件)

id:nao-t No.1

nao-t回答回数51ベストアンサー獲得回数02003/07/14 13:53:40

ポイント20pt

「下部に幅5cm位」というのは、「下からの高さ」と解釈していいですか?

もしそうならば、

(あまり推奨された方法ではありませんが)よくやる方法としては、「テーブル」で上下に分割し、下の方に背景色(HTMLでは「bgcolor」、スタイルシートでは「background-color」)でべた塗り指定します。

このとき、アクセスするユーザーのディスプレイ解像度によって高さは変化しますので、「cm」「ピクセル」で固定するのではなく「%」で指定すると良いでしょう。

id:schie No.2

schie回答回数29ベストアンサー獲得回数02003/07/14 13:54:41

ポイント20pt

100%のテーブルをつくって、一番下のセルを染めるのはいかがですか?(スタイルシートでマージンを0にしておいて)

あるいは、背景画像を使用しないのであれば、高さ5センチの背景画像を下部にだけリピートするのはいかがでしょう?

id:piro2000 No.3

piro2000回答回数29ベストアンサー獲得回数02003/07/14 14:49:53

ポイント20pt

スタイルシートでバックグラウンド指定をするのはどうでしょうか?

高さ5センチで幅は適当(1pix)のベタ面を用意してそれを場所を指定してX軸方向だけ繰り返すのです。

または、100%のテーブルを使い下の部分のtd背景に使用する方法も考えられます。

id:youkai

ありがとうございます。とても参考になりました。

早速家に帰ったらやってみます。

2003/07/14 15:23:47
id:hidemaru No.4

hidemaru回答回数9ベストアンサー獲得回数02003/07/14 15:00:01

ポイント20pt

<body bgcolor=”#FFFFFF” text=”#000000” leftmargin=”0” topmargin=”0” marginwidth=”0” marginheight=”0”>

<table width=”100%” border=”0” cellspacing=”0” cellpadding=”0” height=”100%”>

<tr><td> </td></tr>

<tr><td height=”20” bgcolor=”#0099CC”> </td></tr>

</table>

</body>

テーブル=2行1列 幅100% 高さ100%

ページプロパティー>左マージン、上マージン、マージン幅、マージンの高さ=0

id:youkai

詳しくタグまで書いていただいてありがとうございます。早速試してみたいと思います!

2003/07/14 15:26:45
  • id:Studio101
    ベターな方法

    古典的な方法ですが、現状ではこの方法がベターかも知れません。

    <html>
    <head>
    </head>

    <body leftmargin=”0” marginheight=”0” marginwidth=”0” topmargin=”0”>
    <!--ここ重要です。ページ設定等で左右マージンや高さの設定があるかと思いますので、0を指定してください。これで左右上下の隙間がなくなります。-->

    <!--Bodyが入ります-->

    <!--ここから下部のベタ塗りです-->

    <table width=”100%” border=”0” cellspacing=”0” cellpadding=”0”>
    <!--左右は100%に指定します-->

    <tr>
    <td bgcolor=”black”>
    <!--色はご自由に-->

    <img src=”null.gif” alt=”” width=”100%” height=”100” border=”0”>

    <!--透明の1px罰1pxの画像(null.gifでも名前はなんでもいいです)を配置してください。一部のブラウザではテーブル内に文字や画像が入っていないとバックグラウンドカラーや縦サイズ指定が無視されてしまいます。-->

    </td>
    </tr>
    </table>
    </body>
    </html>

    以上です。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません