ページ上部に共通のタイトル画像を

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: エリノ : 2006/09/20(水) 23:20  ID:/qFeSqaj
こんにちは!
おそらくCSSについてになるかと思うのですが、


「HPの上部に常に同じ画像を固定で表示させたい」


のですがいい方法はあるでしょうか?
ブログなどでよくあるような、タイトル画像のようにどのページにいっても
共通になっているような表示をしたいのです。
将来的にはFlashのロゴを付けたいと思っています。
ちなみに各ページのテキストのタイトルはありません。

フレームだと途中でフレームの中にフレーム・・・のように変になってしまうのです。
HTML、CSSでコピペで使えるようなものがあればうれしいです。

よろしくおねがいいたします!

1   名前: はな : 2006/09/20(水) 23:20  ID:/usM/g/9
各ページ枚に同じ画像を張るでは、だめなのでしょうか。
こんな方法もあります。
フレーム又は、インラインフレームを使い
frameborder="0"にして、
さらにこのCSSを使ってはどうでしょう。
<style type="text/css">
<!--

body {
overflow: hidden;
}

-->
</style>
これで、境目は気にならないはずです。
特にインラインフレームを使い、バックの色をそろえたときなんかは、
まったく境目がなくなってしまいますよ。
また、フレームの中にフレームの場合は、Aタグを工夫します。
これで、フレームやインラインフレームを使ったサイト内でも、リンク問題が解消されます。
(フレーム、インラインフレームを使ったサイトの掲示板等では特にしてほしいテクニック)
例1:全体表示にする。
<a href="リンク先のURL" target="_top">リンク先名</a>
例2:新たにブザウザを立ち上げる
<a href="リンク先のURL" target="_blank">リンク先名</a>
ページを超えて同じ内容のCSSを表示させる?
私の知る限り外部ファイル化したCSSファイルをつくり、
ページ毎に呼び込みタグを貼る方法しか思いつきませんね。
まあこの方法は、HTMLファイルをすっきりさせ毎回同じCSSを打ち込まなくてすむのが最大の利点。
実用例:こったCSSを作った場合に複数のページで使う。
掲示板やブログのスキンを作る場合。
などかな?
ちなみに、外部CSS読み込みタグ
<link rel="stylesheet" type="text/css" href="cssファイルののURL">
外部JSファイル内にスタイルシートも一緒に書いた場合の読み込みタグはこれ、
<script type="text/javascript" src="jsファイルのURL"></script>
もしかして、に固定画像って壁紙のことですか?
その場合は、ちなみにこのタグです。
<body background="" bgproperties="fixed">






2   名前: エリノ : 2006/09/20(水) 23:20  ID:/qFeSqaj
はなさん、丁寧に解説していただきありがとうございます!

さっそくTOPから境目の見えないようにフレームで表示させているのですが、
インラインフレームからいくつか「全画面」でリンクを
しているため、途中から上のフレームは消えてしまうのです。

ページ数はかなりの数で、表示させたい画像はたびたび変える予定のため
全ページにひとつひとつ画像を張るのは避けたいです。
幸い、各ページに外部読み込みのCSSは入れてあるので
その外部のCSSにタグを入れて表示できればベスト!なのです。

>ページを超えて同じ内容のCSSを表示させる?
>私の知る限り外部ファイル化したCSSファイルをつくり、
>ページ毎に呼び込みタグを貼る方法しか思いつきませんね。

この、CSSに入れるタグは分かりますか?
あつかましいですがよろしくお願いいたします!

3   名前: モノ ◆7YMtX/NYmu : 2006/09/20(水) 23:20  ID:UH8pN458
CSSですので(HTML)タグではありませんが、
CSSファイルに、文書の背景を定義する記述をしておけばよいと思います。
文書全体ということでbody(かhtml)、
それに背景に関するプロパティ(background)を使うことになるでしょう。

すでに外部CSSファイルをお使いならば、
CSSファイルの記述方法はご存知のはずでしょうし、
背景に関するスタイルの記述の説明はこのサイト内にもありますから、
具体的に書かなくてもわかるのではないでしょうか。

4   名前: はな : 2006/09/20(水) 23:20  ID:fXnL3zQw
背景画像に関するCSSはこのページです。
http://www.tagindex.com/stylesheet/page/index.html


5   名前: エリノ : 2006/09/20(水) 23:20  ID:/qFeSqaj
モノさん、はなさん、どうもありがとうございました。

CSSの背景画像でやると、もともとあったページの下に画像が入る形(重なる?)
になってしまうのでどうしよう・・・と思っていたのですが、
上部余白を画像の縦ピクセル分指定することで解決しました。
今は何の問題も無く、思ったとおりに表示されています!

ありがとうございました^^

一覧へ戻る