WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:背景に複数の画像は使用不可?

0:[投稿] キラキラ [2002/05/07 21:44 ][環境:WIN+IE わからない]

ど素人ですので、変な質問かもしれませんが、
背景画像として、2つ以上のgif画像は使用できないのでしょうか?

すなわち、A.gif画像を全画面背景とした上に、左端だけに、ひな形みたく、B.gif画像をはりつけたいのですが、むりなのでしょうか?


1:[回答] B.R.D [2002/05/07 23:05 ]

BODYとHTMLに別々の背景を使うことで実現可能です。
BODYとDIVという組合せもありかな。
IEなら一つのタグ(要素)に二つの背景を持たせる裏技(?)もあったりなかったり。


2:[質問] キラキラ [2002/05/08 16:13 ]

>BODYとHTMLに別々の背景を使うことで実現可能です。

ごめんなさい・・・具体的にどうゆう風に、言語入力すればよいかわかりません(悲)

もしわかる方がいらっしゃれば、具体的に、どのように言語入力すればよいか教えて頂けませんでしょうか?

ほんとうにすみません・・・


3:[回答] やじうま1号 [2002/05/08 17:00 ]

あくまで正しくとするなら、

--twobacks.css--
body{
 background-image: url(first.gif);
}div{
 background-image: url(second.gif);
}

--twobacks.html--
省略
<link rel="stylesheet" href="twobacks.css" />
<body>
<div>
二つ背景。
</div>
</body>
</html>

<!-- 但し透過処理されてなければ写らない可能性がある-->

こんなものでしょうか。 twobacks.cssとリンクさせないと動作しません。


4:[質問] キラキラ [2002/05/08 21:43 ]

重ね重ねおそれいります。

>こんなものでしょうか。 twobacks.cssとリンクさせないと動作しません。

とはどうゆう事でしょうか?

本当に申し訳ございません・・・。
どなたかわかる方、教えてください(悲)

ちなみに、googleで言葉検索しましたが、「twobacks.css」
では、検索結果0でした。


5:[回答] R.M [2002/05/09 03:35 ]

<style type="text/css">
<!--
body{
background-image: url(first.gif);
}div{
background-image: url(second.gif);
}
-->
</style>

以上を<head>の中に入れれば大丈夫かと
詳しくは「スタイルシート」について調べてください


6:[回答] 謎の人R [2002/05/09 03:53 ]

>ごめんなさい・・・具体的にどうゆう風に、言語入力すればよいかわかりません(悲)

キラキラさんが具体的にどのようにしてホームページ(Webページ)を作成しているのかをまず説明された方がよいかと?
※メモ帳だけで作っているとか、あるいはホームページビルダー(IBM製品)をつかっているとか

ちなみに回答されている方々が前提としているのは、「メモ帳などのテキストエディタでHTMLを入力でき、かつCSS(スタイルシート)の基礎知識があること」だと思われるのですが、この辺の知識は大丈夫ですか?(^^;)


7:[回答] やじうま1号 [2002/05/09 15:34 ]

>>4
ヒットはしないと思います。 なぜなら、--で囲まれた部分はファイル名です。
又リンクするというのは、twobacks.htmlからtwobacks.cssを呼び出すこと、つまり<link>を用いて外部CSSとして呼び出すことです。

twobacks.htmlで重要なのは、
<link rel="stylesheet" href="twobacks.css" type="text/css" />なのです。


8:[回答] やじうま1号 [2002/05/09 15:35 ]

>>3
<body>
のうえに</head>が欠けてました^^;
そのまましてもうまく行かない可能性が^^;;;


9:[回答] キラキラ [2002/05/09 19:50 ]

やじうま1号さん、RMさん、本当にど素人相手に、細かく説明していただいてありがとうございました。

謎の人Rさんのご指摘にあったように、私自身CSS(スタイルシート)についての知識が全くないので、せっかく記載していただきましたタグも、今は理解できない状態です。

今後、CSS(スタイルシート)について勉強し、こちらに記載していただいたタグを、利用させていただこうと思っております。

本当に、ありがとうございました。

謎の人Rさん、今後は、私自身の環境を、きっちりと記載するように致します。すいません。


10:[完了] キラキラ [2002/05/09 19:51 ]

CSS(スタイルシート)を勉強して出直します(悲)


11:[完了] 謎の人R [2002/05/10 04:00 ]

完了後なので蛇足ですが:

> 謎の人Rさん、今後は、私自身の環境を、きっちりと記載するように致します。すいません。

結局、制作環境(使ってるツール)は謎のまま完了ですね?(涙)



12:[完了] キラキラ [2002/05/10 05:17 ]

謎の人Rさん、重ねがさねすみません・・・

>結局、制作環境(使ってるツール)は謎のまま完了ですね?(涙)

メモ帳のみで、HTMLタグのみで制作しております。
ですが、まだCSSに関して全く理解できてないので、
勉強して、再度わからないところがあれば、訪れさせていただきます。ありがとうございました。


13:[完了] 謎の人R [2002/05/11 06:26 ]

>> 12
> メモ帳のみで、HTMLタグのみで制作しております。

そういうことなら、とりあえずとほほさんのところがとっつきやすいかもです。

▼とほほのスタイルシート入門
http://tohoho.wakusei.ne.jp/wwwcss.htm

本格的に勉強するなら、オンライン書店で一冊購入するほうが……とりあえず、一冊オススメするとすればこんなのを:

▼ ホームページの学校 CSS編
http://www.bk1.co.jp/cgi-bin/srch/srch_detail.cgi/39ef4c31643fa0103d40?aid=&bibid=00006726&volno=0000
※bk1のページです

なお、すでに完了済みですので、特に必要ない限り再レスなしで結構です。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World