記事参照
No.5 2010/01/10 22:50
題：現物をＵＰしましたが、全く予期せぬ結果に。
名：けん
現物をＵＰすることができました。
ところが、ＵＰした現物は、きちんと外部スタイルシートが反映
されています。
構造は、
① index.htmlの下に
② mokuji.htmlのページ。このさらに下に
（↑ mokujiというディレクトリ中）
③ contents1.htmlとなっております。
（↑ contentsというディレクトリ中）
④ これに、css.ファイルとしてhpb9tm06_4.css （←記述は長いので下記）
（↑ sitethemeというディレクトリ中）
（１）パソコンのデスクトップに保存した①のindex.htmlをダブルクリックして
ブラウザ上に表示したとき。
そして、
（２）ホームページ・ビルダー１３でプレビュー表示で確認したとき。
いずれにおいても、②と③は、スタイルシートが反映されているのに、
なぜか①だけが反映されません。
まったく反映されないのかというと、文字の大きさの指定だけは、反映され
るようですが、背景だとか位置だとか、そういったものは反映されないのです。
ホームページ・ビルダーで、フォルダ表示すると｢リンクエラーのあるファイル」に唯一、①が表示されているので、やはりこれが原因になっているので
しょうか。
しかし、私の知識では、このあたりは皆目見当がつきません。
以下は、css.ファイルの内容です。
/*- themeid=hpb9tm06_4; --------------------------------*/
/*-------------------- element type --------------------*/
H1 {
color: #0000FF;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
font-size : 23px;
text-decoration:underline;3px
}
H2 {
color: #000080;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
font-size : 23px;
text-align : center;
}
H3 {
color: #008000;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 15px;
font-size: 20px;
font-weight: bold;
}
H4 {
color: #000000;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 15px;
font-size: 18px;
font-weight: bold;
color : #ff6600 ;
}
H5 {
color: #000000;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 30px;
font-size: 17px;
font-weight: bold;
text-decoration:underline;3px
}
H6 {
color: #ff0000;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 15px;
font-size: 15px;
font-weight: bold;
}
caption {
color: #008000;
font-size:30px;
}
table {
border-collapse:collapse;
border: 1px #000000 solid;
border-width: thin;
width: 100%;
height: 100px;
}
thead {
background-color: #c0c0c0;
}
th {
border: 1px #000000 outset;
text-align: center;
vertical-align: middle;
}
tbody {
}
td {
border: 1px #000000 solid;
vertical-align: top;
font-size: 15px;
color: #000000;
padding: 5px 5px 5px;
margin-left: 5px;
margin-right: 5px;
}
p {
padding: 5px 5px 5px;
margin-left: 30px;
margin-right: 5px;
color: #000000;
font-size:15px;
line-height:150%;
line-break:strict;
}
body {
padding: 5px 5px 5px;
margin-left: 15px;
margin-right: 5px;
background-color: #FFFFCC;
font-size: 15px;
color: #000000;
line-height:150%;
line-break:strict;
}
a:hover {
font-weight:bold;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 30px;
color: blue;
}
b {
font color: #000080;
}
掲示板に戻る