A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
テスト用簡単なサンプル
★タブは_に置換してあるので戻す。
[HTML4.01strict]
<!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>サンプル</title>
_<meta name="author" content="ORUKA1951">
_<meta http-equiv="Content-Style-Type" content="text/css">
_<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
_<link rel="START" href="../index.html">
<!-- 永続的スタイルシート -->
_<link rel="stylesheet" type="text/css" href="./styleSheet5/persistent.css">
<!-- 優先スタイルシート -->
_<link rel="stylesheet" type="text/css" media="screen" href="./styleSheet5/outline.css" title="優先スタイル">
_<link rel="stylesheet" type="text/css" media="screen" href="./styleSheet5/color.css" title="優先スタイル">
<!-- 代替スタイルシート -->
_<link rel="Alternate StyleSheet" type="text/css" media="screen" href="./styleSheet5/alternate.css" title="反転">
<!-- このページ専用 -->
_<link rel="StyleSheet" type="text/css" media="screen" href="./styleSheet5/page1.css" title="優先スタイル">
<!-- 印刷用 -->
_<link rel="styleSheet" type="text/css" media="print" href="./styleSheet5/print.css">
</head>
<body>
_<div class="header">
__<h1>タイトル</h1>
__<p>このページでは・・・・</p>
_</div>
_<div class="section">
__<h2>見出し</h2>
__<p>
___terapadでhtmlとCSSを書いてます。5本のhtmlファイルに共通するCSSはちゃんとlIEに反映されるのですが、個別のhtmlファイルに関するCSSが反映されません。IEの問題かと思うのですが、どうすれば解決できるのでしょうか?
__</p>
__<div class="nav">
___<ol>
____<li><a href="/">Top</a></li>
____<li><a href="/sample/page1">Page1</a></li>
____<li><a href=".sample/page2">Page2</a></li>
___</ol>
__</div>
_</div>
_<div class="footer">
__<h2>文書情報</h2>
__<dl class="documentHistry">
___<dt id="FIRST-PUBLISHED">First Published</dt>
___<dd>2013-12-20</dd>
___<dt id="LAST-MODIFIED">Last Modified</dt>
___<dd>2013-12-29 12:00:00 (JST)</dd>
__</dl>
__<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address>
_</div>
</body>
</html>
[outline.css]
@charset "Shift_JIS";
div.header,div.section,div.footer{width:80%;min-width:620px;max-width:900px;margin:0 auto;padding:5px;}
div.section{position:relative;min-height:400px;}
div.section h2,div.section p{margin-right:21%;}
div.section div.nav{position:absolute;right:0;top:0;height:100%;width:20%;}
[persistent.css]
@charset "Shift_JIS";html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.8em;}
p{text-indent:1em;}
[color.css]
@charset "Shift_JIS";
body{background-color:silver;}
div.header,div.section,div.footer{background-color:white;}
div.section div.nav{background-color:yellow;}
[alternate.css]
@charset "Shift_JIS";
body{background-color:silver;}
div.header,div.section,div.footer{
background-color:navy;
color:white;
width:90%;min-width:620px;max-width:1000px;margin:0 auto;padding:5px;
}
a:link{color:yellow;}
[page1.css]
@charset "Shift_JIS";
body{background-color:gray;}
div.header,div.section,div.footer{background-color:rgb(220,255,255);}
div.section div.nav{background-color:yellow;}
div.section p{z-index:100;}
div.section p:after{content:"\A このページ専用のスタイルシートが適用されています";white-space:pre;color:red;font-weight:bold;font-size:1.6em;}
[print.css]
@charset "Shift_JIS";
body{width:80%;margin:0 auto;}
a{color:black;text-decoration:none;}
a[href]:after{content:"\A (http://hoge.com"attr(href)")";white-space:pre;}
div.section div.nav:before{content:"サイトマップ\A";font-size:1.6em;font-weight:bold;white-space:pre;}
div.section div.nav{width:80%;margin:20px auto;border:solid 1px gray;}
No.2
- 回答日時:
質問内容がもう一つ不明なのですが、原因はちゃんとリンクされていないことでしょう。
リンク先が正しいなら、その正しいリンク先にCSSを置いていない。
CSSの置き場所が正しいなら、参照先の記述が間違っている。
「abcd,css」などドットがカンマになっていて、CSSとして機能していないという可能性もあり。
この回答への補足
回答ありがとうございます。CSSはちゃんとリンクしていると思うのですが(5本の共通コンテンツはちゃんとCSSを反映している)なぜか個別のCSSが反映されないのです。分かりにくくてすみません。
補足日時:2013/12/21 18:32お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSファイルの日本語コメントが文字化けしてしまう 3 2022/12/26 15:50
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- HTML・CSS HTMLとCSS 6 2023/08/11 07:30
- HTML・CSS WEB上で文書のアイコンを配置する方法 2 2022/09/03 13:01
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- HTML・CSS HTML で使ってない CSSのクラスやID を消去してくれるツールはありませんか? 2 2022/08/25 18:07
- HTML・CSS HTMLとCSSについて 2 2022/09/12 15:46
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
個別にリンクの色を変える方法
-
透過背景を解除するにはどうす...
-
CSS, リンクの色を一部変えるに...
-
リンク文字の 一部だけ色を変...
-
terapadの使い方について
-
最近、HTMLのヘッダーをIDで定...
-
display:table-cell内でこんな...
-
dreamweaverのコード画面で波線。
-
文字の両側に画像を配置するCSS...
-
HTML要素のid/class名の長さに...
-
ラジオボタンの装飾(色の違う2...
-
name属性とid属性
-
liリストタグの背景色に色がつ...
-
idの中のid指定
-
CSSのタグ「#warpper」の意...
-
htmlの文字が縦書きになる
-
HTML ul li で横並びにナビゲー...
-
【ヒトの神秘】美男美女から何...
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
CSSのクラス名・ID名の指定でワ...
-
CSSに同じclass名がいっぱい‥。...
-
idの中のid指定
-
最近、HTMLのヘッダーをIDで定...
-
liリストタグの背景色に色がつ...
-
HTML要素のid/class名の長さに...
-
brにクラスをつけてcssでdispla...
-
透過背景を解除するにはどうす...
-
htmlのid属性って必要なの?
-
フロートのクリアについて
-
ページの左右の余白(枠外)に...
-
サイトにjQueryが使用されてい...
-
CSS, リンクの色を一部変えるに...
-
スタイルシートでデザイン
-
外部css定義したclassをht...
-
Bootstrap3でcontainerがずれる...
-
CSSで、DIV#hogeという記述は何...
-
スタイルシートで、id属性の中...
-
一部のリンクの下線を消す
おすすめ情報