Sooda!
 閲覧数:47
たとえば↓
http://www.rakuten.co.jp/worldsea/
こちらのHPの左端に画像が表示されているんですが、どうしているのかと…
みんなへのお礼
ありがとうございます!!
再度、記述いただいた内容をそのままコピペした所解決しました。
ですが、さきほど試みていたタグの変わりなくどこが問題だったのかしっかりと理解
できるよう再度確認していきます。
数回に及ぶ回答ありがとうございました。
ようやく寝れます。
非常に助かりました、これからも引き続き勉強します。

質問者:gaku
質問日時:2009-10-30 16:16:53
カテゴリ:インターネット・パソコン>インターネットサービス

ベスト回答
左端の画像というのは、ポイント5倍〜福袋ほか超セールという黄緑色のオビのことでしょうか?

それのことであれば、右クリックすると「画像を保存」でなく、「背景を保存」「背景をコピー」というのが出るのがわかるでしょうか?
つまりこれは背景画像として表示されています。
そのため、印刷の設定で「背景を印刷しない」などに設定されてると印刷されないのだと思います。

方法ですが、こちらはスタイルシートというもので設定されています。
背景を「左端に表示」「縦方向に繰り返し」「スクロールする(もしくは指定なし)」という感じで設定されています。
具体的には、たとえば
body {
background-image: url(背景画像.gif);
background-position: left top;
background-repeat: repeat-y;
background-attachment: fixed;
}
といった感じで指定するのです。
スタイルシートは、外部に専用のファイルを作りそれを読み込ませるか、
HTMLの中に直接書き込むかします。
直接書く場合には
<head>
<title>Style Sheet Sample</title>
<style TYPE="text/css">
<!--



-->
</style>
</head>
これの中に上のような記述を入れ込む形になります。


参考までにサイトもご紹介します。
スタイルシート自体の詳しい仕組みはそちらをどうぞ。
http://www.htmq.com/style/background-position.shtml
http://www.tohoho-web.com/css/reference.htm#background2
===補足===
そもそもHTMLタグはわかりますか?
わかるのであれば
<html>
<head>
<style TYPE="text/css">
<!--
body {
background-image: url(背景画像.gif);
background-position: left top;
background-repeat: repeat-y;
background-attachment: fixed;
}
-->
</style>
</head>
<body>

(サイトの内容)

</body>
</html>

これで表示されます。
(背景画像.gif の部分は半角で画像ファイルの名前を入れてください)

ちなみに、楽天のサイトは、外部のスタイルシートのファイルを読み込ませているので、上のような記述はHTML本体のソースには出てこない形になります。

回答者:匿名
回答日時:2009-10-30 19:07:20

この回答の満足度 未設定
お礼コメント
返答ありがとうございます。
参考サイトまで記述いただき参考にさせていただきましたが、
やはり自分では理解できませんでした。
もう少しじっくり勉強します。
ありがとうございました。

↓↓その他の回答 1〜1件/1件中
HPを作っている人には簡単に分かる仕組みです。このページ...詳細

回答者:匿名希望
回答日時:2009-10-30 17:49:47

この回答の満足度 未設定
 
この質問を友達に教える
→ヘルプ
ほしい情報が見つからないときは
新しい質問をする

↑このページのトップへ
TOP マイページ ヘルプ