http://inshokutenkeiei.com/
上記ページの左右の余白(枠外)に色(#EEE8AA)を付けたいのですが、
どこに何(html文)を入れれば良いか教えていただけるとありがたいです。
※編集画面は、cssとhtmlに分かれています。
※ネットで色々探しましたが、どれも理解できませんでした。
No.2
- 回答日時:
いわゆる外部スタイルシートを使います。
そこで、
body{background-color:#eee8aa;}
でよいです。ただし標準では隙間が開くことがあるので
html,body{padding:0;margin:0;background-color:#eee8aa;}
としておきます。
通常は背景画像や、font-family,line-height,colorなど、継承されるプロパティも一緒に固定スタイルシート(永続スタイルシート)書いておきます。
★HTMLはきちんと文書構造にしたがってマークアップして、デザインのためにclass名をつけたりIDをつけることは間違いです。
タグスープになっちゃいます。典型的な悪い例が<div class=wrap">のように意味のない(非セマンティックな)マークアップです。(これは某オーサリングツール由来のものです。)HTML4.01が登場して10数年になろうというのにいまだに・・改善されていない。
[HTML]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>Untitled</title>
<meta name="author" content="IRUKA">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rev="made" href="mailto:ORUKA1951@ichiya.com" title="send a mail" >
<link rel="stylesheet" type="text/css" href="./styleSheet/standard.css">
<link rel="stylesheet" type="text/css" media="screen" href="./styleSheet/screen.css">
<link rel="START" href="../index.html">
<link rel="NEXT" href="./page1.html">
<link rel="SHORTCUT ICON" href="/favicon.ico">
<link rel="ICON" href="/favicon.ico">
</head>
<body>
<div class="header">
<p class="nav"><a href="./index.html">トップへ</a></p>
<div class="hgroup">
<h1>title</h1>
<h2>subTitle</h2>
</div>
</div>
<div class="section">
<h2>section Title</h2>
<p>
</p>
</div>
<div class="footer" id="DOCUMENT_INFORMATION">
<dl class="document-version">
<dt id="FIRST-PUBLISHED">First Published</dt>
<dd>2005-06-10</dd>
<dt id="LAST-MODIFIED">Last Modified</dt>
<dd>2005-06-10 12:00:00 (JST)</dd>
</dl>
</div>
</body>
</html>
[CSS]standard.css
html,body{margin:0;padding:0;}
body{
font-family:"MS P明朝","平成明朝",serif;
line-height:1.4em;
}
p{text-indent:1em;}
[CSS]screen.css
body{
background-color: #eee8aa;
}
div.header,
div.section,
div.footer{
width:80%;
margin:0 auto;
background-color:white;
}
No.1ベストアンサー
- 回答日時:
body#top {
background-color:#EEE8AA;
}
上記をCSSに追加してください。
CSSのdiv#wrapperの内容を以下に変更してください。
div#wrapper {
background-color:#FFFFFF;
width: 950px;
margin: 0 auto;
}
これでOKです。
つまりHTML全体にEEE8AAを付けて、内容が入っている<div id="wrapper">の背景を白色にしているということになります。
ご参考まで。
この回答への補足
ありがとうございました。出来ました。
ただ、私の表現に誤りがありまして、トップページだけでなく全ページを同じくしたい場合はどうすればよろしいでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのid属性って必要なの?
-
外部css定義したclassをht...
-
CSSのクラス名・ID名の指定でワ...
-
brにクラスをつけてcssでdispla...
-
サイトにjQueryが使用されてい...
-
HTML要素のid/class名の長さに...
-
cssの複数クラス指定
-
ページの左右の余白(枠外)に...
-
クリッカブルマップにツールチ...
-
CSSに同じclass名がいっぱい‥。...
-
liリストタグの背景色に色がつ...
-
【VBA/HTML】IE画面内のページT...
-
個別にリンクの色を変える方法
-
Bootstrap3でcontainerがずれる...
-
clear bothで回り込みがうまく...
-
livedoorブログでの背景画像サ...
-
Wordpress--Breadcrumb NavXTの...
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
smallにtext-allignが効かない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
brにクラスをつけてcssでdispla...
-
HTML要素のid/class名の長さに...
-
idの中のid指定
-
htmlのid属性って必要なの?
-
サイトにjQueryが使用されてい...
-
CSSのクラス名・ID名の指定でワ...
-
個別にリンクの色を変える方法
-
透過背景を解除するにはどうす...
-
liリストタグの背景色に色がつ...
-
子孫セレクタの読み方をおしえ...
-
CSSに同じclass名がいっぱい‥。...
-
最近、HTMLのヘッダーをIDで定...
-
外部css定義したclassをht...
-
CSS, リンクの色を一部変えるに...
-
リンク文字の 一部だけ色を変...
-
display:table-cell内でこんな...
-
htmlとcssで吹き出しの中に文字...
-
同ページ内でリンクの色を変え...
-
外部スタイルシートで定義した...
-
name属性とid属性
おすすめ情報