HPを作成していて、わからないことがあります。
HP全体の背景を画像にし、bodyの部分の背景をさらに画像にして、画像を重ねた形でHPを作りたいと考えました。
htmlファイルを作成し、自分のPCからhtmlファイルをブラウザに開いたところ背景がしっかりと表示されました。
しかし、htmlファイルをアップロードし、HPを開いたところ、一番奥の背景の画像が反映されませんでした。
どうすれば反映されるのか教えていただきたいです。
CSSです。
html{
background-image:url(http://pomo.vis.ne.jp/bg/corkboard/bg_corkboard2 …
}
* { padding : 0px ; margin : 0px ;}
#my_body {
margin: 5px auto;
width : 900px ;
background-image:url(http://hide.kanari.info/sozai/ico/memo001/kabe.g …
}
#my_header {
width : 100% ;
height : 110px ;
border-bottom : 2px solid #000000 ;
padding-top:10px;
}
#my_navigation {
float : left ;
width :188px;
height:1500px;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
}
#my_contents {
float : right ;
width :709px;
height:1500px;
border-right : 1px solid #000000;
}
#my_footer {
width : 100% ;
clear : both ;
border-top : 1px solid #000000;
}
html要素の中で、一番奥の背景を設定しています。
body要素の中に、二番目の背景を設定しています。
HTML要素の中に背景を設定すると適応されないのでしょうか?
アップロードして、背景を正しく表示される方法を教えてください。
HPのURLです。
http://10t4047f.web.fc2.com/
よろしくお願いいたします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
>HTML要素の中に背景を設定すると適応されないのでしょうか?
文章宣言がhtmlでは過去互換モードになりますので、適用されません。
htmlにも背景を入れたければ、標準モードに文書宣言を変えてください。
【例】
<html>を
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
に変更。
苦言ですが、どのような文章で書かれている文章かを宣言するのは基本中の基本です。それにあわせたcssを記述します。、「ホームページ作成講座」で先生になる前に、もう一度生徒になって、正しい知識を勉強してください。
講座のソースを拝見しましたが、ひどいとしか言いようがありません。文書構造がでたらめです。
html+cssでは、文章構造・論理構造と見た目のデザインに役割を分割します。htmlに<b>や<br><br>は書きません。見出しも<h2>の前には<h1>が必ず出ます。というようなことは真っ先に学ぶことですが、全く理解されてません。もう一度、「正しい」といわれているhtmlを学ばれることをお勧めします。
この回答への補足
回答していただきありがとうございます。
文書宣言を書き加えましたが、背景は反映されません。
正しく書けていないでしょうか?
それと、ホームページ作成講座は他の方のHPです。
相互リンクしています。
私への批判は結構ですが、他の方のHPの批判はご遠慮ねがいます。
私は初心者です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
form input テキストを上下中央...
-
初心者html・CSS ウィンドウを...
-
CSSで指定した背景画像にリンク...
-
画像だけを端に寄せる方法
-
CSSがなぜかfont-sizeだけ効か...
-
divで囲まれたpaddingの指定を...
-
css初心者 フレックスボックス...
-
div領域をウインドウサイズに合...
-
ライトボックスでスクロールバー
-
HTMLで一部だけスクロールする...
-
表示倍率を変えるとレイアウト...
-
ボックスを中央配置したいです。
-
スクロールボックス内の文字の...
-
スクロールボックスを中央に配...
-
ヘッダーの画像にメインエリア...
-
Safariでheight:100%のボックス...
-
border-style:solidで文字がずれる
-
cssが効かなくて困ってます
-
中点「・」の改行について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
CSSがなぜかfont-sizeだけ効か...
-
CSS、width100%でもできる余白
-
form input テキストを上下中央...
-
スクロールボックスを中央に配...
-
【CSS】ヘッダーの高さが不明の...
-
CSS:animation開始位置の設定
-
W3Cのソースコードの検証サービ...
-
表示倍率を変えるとレイアウト...
-
CSSで背景画像を一番下にもって...
-
【HTML】【CSS】【Swiper】 元...
-
CSSでボックスのheightが0になる
-
divで囲まれたpaddingの指定を...
-
CSSで指定した背景画像にリンク...
-
【HTML&CSS】フッター下部の余...
-
HTMLのiframeの入れ子について
-
画像と一緒にスライドするリン...
-
ページを拡大縮小でborderが消...
おすすめ情報