- ベストアンサー
ホームページの写真が欠ける現象について教えてください。
お世話になります。 タイトルの件でお聞きしたく書き込みしました。 職場のホームページを作りました。(ビルダー10使用) つい最近から起きた現象なのですが、 あるページのバックグラウンドに使っている写真に 白いスジ(3センチくらいの目立つもの)が入ります。 あれ?と思い、ページ更新すると治るのですが、また、 そのページを開くと入っています。 写真をアップロードしなおしたのですが、うまくなおりませんでした。 この現象について御助言宜しくお願いいたします。 職場のHPなので、差し支えない程度にソースを記載します。 (なお、私はソースに関して大した知識はありません。) 宜しくお願いいたします。 補足が必要であればいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 10.0.1.0 for Windows"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <STYLE type="text/css"> <!-- BODY{ background-repeat : no-repeat; background-position : center center;} --> </STYLE> </HEAD> <BODY background="image00001.jpg" bgcolor="#ffffff"> 背景ノーリピート、中央よせ、 image00001.jpgを表示させております。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
さらに、まとめてみたほうがすっきりしますよ。 <!-- BODY{ background:#ffffff url(image00001.jpg) no-repeat center center; } --> </STYLE> </HEAD> <BODY>
その他の回答 (1)
- shadowdragon
- ベストアンサー率55% (20/36)
こんにちわ。 ソースを拝見したところ、CSSと呼ばれる方式とHTMLでの指定を併用されているようです。 どちらかに統一したほうが良いと思います。 ここではCSSでの指定とします。 >BODY{ >background-repeat : no-repeat; >background-position : center center;} この部分を body { color: black; background-color: white; background-image: url(image00001.jpg) background-repeat : no-repeat; background-position : center center; } にして、 <BODY background="image00001.jpg" bgcolor="#ffffff"> を <body> にしてみてください。 画像に線が入る現象は色々あると思いますが、ホームページビルダーにおいて転送設定にバイナリー方式、アスキー方式という設定があると思います。 画像ファイル(JPG等)はバイナリー方式で転送をしてください。 (恐らく自動で設定されているとは思いますが・・・) 参考:http://www.i-chubu.ne.jp/member/setup/ftp/ibm.html あとは画像ファイルをもう一度作成しなおし、再度転送をお試しください。
補足
詳しい御説明ありがとうございます! やってみます。