0

元から出来ているHTMLを使用しています。
自分のｐｃ内で見る時は周りの背景(所々)が付いているのですが
アップローダーなどにかけてからHPを見ると周り(所々)にあった背景が消えてしまいます。
そのHTMLの説明には image内の画像をstyleなどに加えるなどのことが書かれていたのですが
やり方がイマイチ分かりません。
アップローダーにもimageもstyleもちゃんとアップしてあり、画像を付ける為のアドも入れてありました。
わかる方がいらっしゃいましたらお願いいたします。

styleのHTMLです↓
BODY{
background-color : #FFF;/* 背景色 */
color : #000;/* 文字色 */
font-size : 12px;/* 文字の大きさ */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
/* スクロールバーの設定 */
scrollbar-face-color:#FFF; scrollbar-highlight-color:#000; scrollbar-shadow-color:#000;
scrollbar-darkshadow-color: #000; scrollbar-arrow-color:#000; scrollbar-track-color:#FFF;
}

#menupage{
background-image : url(image/back01.gif);
background-repeat : repeat-y;background-position : 100% 100%;
background-attachment : fixed;
}

/* リンクの設定 */
A {
color : #000;
font-size : 12px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
text-decoration : none;
}
A:HOVER{
color : #f6ae9f;
font-weight : bold;
}
a img {
border-style:none;
}


/* テーブルの設定 */
TD{
font-size : 12px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* メニュー */
.menu {
border-bottom : 1px dotted #000;/* 枠線の太さ・形・色 */
width : 200px;
}


/* 見出し */
h1{
background-image : url(image/back01.gif);
color : #000;
border : 1px dotted #000;
font-size : 14px;/* 文字の大きさ */
font-weight : bold;
margin-bottom : 5px;
padding : 3px;
background-color : #FFF;/* 背景色 */
}
h2{
background-image : url(image/back01.gif);
color : #000;
border : 1px dotted #000;
font-size : 14px;/* 文字の大きさ */
font-weight : bold;
margin-bottom : 5px;
padding : 3px;
background-color : #FFF;/* 背景色 */
width : 200px;
}

/* designedの位置と文字の大きさ 50を大きくすれば下がります */
.designed{
margin : 50px 0px 0px 0px;
}
.designed A{
font-size : 9px;
}
↓こうしたい 現在こうなってる↓

質問者が選んだベストソリューション

Yahoo!知恵袋 5263日前