- ベストアンサー
スタイルシートで・・・
スタイルシートを使った掲示板の背景を固定させたいと思います。 「background-repeat: repeat-y; background-position: center・・・」 上記がその掲示板の背景の変更欄なんですが、repeatじゃなくfixedと入れてみましたが固定されません。 どうしたら背景が固定されますか? わかる方お願いします!
- sakura-drops
- お礼率50% (14/28)
- HTML
- 回答数7
- ありがとう数1
- みんなの回答 (7)
- 専門家の回答
質問者が選んだベストアンサー
掲示板の <STYLE type="text/css"><!--TD { font-size: 10px } TD { word-spacing: 0.4px } BODY { background-image: url(http://plastic.ac/sambk.gif); background-repeat: repeat-y; background-position: center} input,textarea {border-left:1px solid dcdcdc;border-right:1px solid dcdcdc;border-top:1px solid dcdcdc;border-bottom:1px solid dcdcdc;background:ffffff;}--></STYLE> の background-repeat: repeat-y; を background-repeat: no-repeat; にすれば リピートされませんね。 元に戻って <STYLE type="text/css"><!--TD { font-size: 10px } TD { word-spacing: 0.4px } BODY { background-image: url(http://plastic.ac/sambk.gif); background-repeat: no-repeat; background-position: center} input,textarea {border-left:1px solid dcdcdc;border-right:1px solid dcdcdc;border-top:1px solid dcdcdc;border-bottom:1px solid dcdcdc;background:ffffff;}--></STYLE> これで動作確認してはどうでしょうか。 また、fixedを使う場合は <STYLE type="text/css"><!--TD { font-size: 10px } TD { word-spacing: 0.4px } BODY { background-image: url(http://plastic.ac/sambk.gif); background-attachment:fixed; background-repeat: no-repeat; background-position: center} input,textarea {border-left:1px solid dcdcdc;border-right:1px solid dcdcdc;border-top:1px solid dcdcdc;border-bottom:1px solid dcdcdc;background:ffffff;}--></STYLE> このようにすれば 背景画像が固定され、画像は一つしか表示されません。 (動作確認済み) もし、これで動作しないようでしたら ブラウザの問題かもしれません。 参考までに下記URLをご確認ください。 なお、「 background-repeat: no-repeat; 」は IE3以外では動作するようです。 ( http://tohoho.wakusei.ne.jp/wwwcss3.htm )
その他の回答 (6)
- onimotsu
- ベストアンサー率36% (279/758)
あと考えられるのは OSとブラウザの問題かもしれません。 スタイルシートは万能ではありませんので。 少し調べてみます。
補足
わかりました(^-^) 参考になるかどうかはわかりませんが、私が使っている掲示板はhttp://plastic.ac/edu.cgi?editのものです。
- onimotsu
- ベストアンサー率36% (279/758)
BODY { background-image: url(***jpg); background-attachment: fixed; background-repeat : no-repeat } の最後に「;」が抜けてますね。 BODY { background-image: url(***jpg); background-attachment: fixed; background-repeat : no-repeat; } これではどうでしょうか。
補足
ほんとにほんとにすいませんです!! ;は入れて見ましたが変化ないんです(大泣) ここまでしていただいて、なんだか申し訳ないです(__)
- onimotsu
- ベストアンサー率36% (279/758)
これならどうでしょうか。 <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- body { background-image:url("***.JPG"); background-attachment:fixed; background-repeat : no-repeat; } --> </STYLE> </HEAD> <BODY></BODY> </HTML> 上記で動作確認済み。
補足
何度もすいません! 下記がスタイルシートのログです(背景はやっぱり、いっぱいでちゃいました(;_;) <STYLE type="text/css"><!--TD { font-size: 12px } TD { word-spacing: 0.4px } BODY { background-image: url(***jpg); background-attachment: fixed; background-repeat : no-repeat } input,textarea {border-left:1px solid dcdcdc;border-right:1px solid dcdcdc;border-top:1px solid dcdcdc;border-bottom:1px solid dcdcdc;background:ffffff;}--></STYLE> どこが問題なんでしょう?
- onimotsu
- ベストアンサー率36% (279/758)
background-repeat : no-repeat; ↑を付け加えればいいと思います。
補足
ダメでした(T_T) あと一歩だと思うんですが、背景がひとつでいいのにいっぱいでちゃいます(泣)
- onimotsu
- ベストアンサー率36% (279/758)
もう一つ参考になるのがありました。 ついさっきの質問です。
補足
ありがとうございます! 今、やってみました(^^) 画像は固定できたのですが、たくさんでてしまうんです! ひとつだけにしたい時ってどうしたらいいのでしょうか? うーん、困ります・・・(>_<)
- onimotsu
- ベストアンサー率36% (279/758)
過去に同様の質問がありますが そちらの方法ではどうでしょうか。
関連するQ&A
- 2つ画像を背景にするスタイルシートってある?
1つの画像をスタイルシートで背景にするのは、知ってるんですが、2つの画像を同じページに背景にはできるのでしょうか?下記は1つの画像を背景にするスタイルシートです。これのどこかをいじれば可能なのでしょうか? <STYLE TYPE="text/css"> <!-- BODY { background-image:素材のURL; background-position:0% 100%; background-repeat:no-repeat; background-attachment:fixed; } --> </STYLE>
- 締切済み
- CSS
- テーブルにスタイルシートを使う方法
こんにちは、テーブルタグのことで質問があります。 普通、背景画像でスタイルシートを使い右下などに固定するタグは <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像の名前"); background-repeat : no-repeat; background-attachment : fixed; background-position : left bottom; background-color:#FFFFFF; } --> </STYLE> となると思いますが、これは通常<head></head>の間にいれますよね。 これをテーブルの中で使うにはどうすればいいでしょう? テーブルの背景画像を右下や左下などに固定したいということなんですがそういうことはできますか? よろしくお願いします;
- 締切済み
- HTML
- スタイルシートについて
スタイルシートで背景を画像にするものがありますよね。 それでHPを作ったものの、その画像が見れる人と見れない人が出てきてしまって困っています。もちろんインターネットオプションのユーザー補助は確認しています。自分の記述が悪いかもしれないので書いておきます。 <STYLE TYPE="text/css"> <!-- BODY { background-image:url("c:/my documents/素材ファイル名"); background-position:50% 50%; background-repeat:no-repeat; background-attachment:fixed; } --> </STYLE>
- ベストアンサー
- その他(インターネット・Webサービス)
- スタイルシートからの?リンクの貼りかた
<style type="text/css"> <!-- body {background-image:url(sora.jpg); background-repeat:no-repeat; background-position: right bottom; background-attachment:fixed;} --> </style> ↑このようなスタイルシートがあります。 sora.jpgという画像を固定して表示しています。 この空の画像から他のページにリンクを貼るにはどのような タグを書けばいいのでしょうか? スタイルシートの中に<a href="">とかけばいいのでしょうか? スタイルシート初心者で何も分からないので分かりやすく教えてください。
- ベストアンサー
- その他(インターネット・Webサービス)
- css(スタイルシート)について
最近スタイルシートを勉強しているものです。 外部スタイルシートにて body { margin: 0; padding: 0; background-image:url(img/back.jpg); background-repeat:repeat-y; background-position: center; background-color:#333333; } という記述で、背景の設定をしました。 プレビューイメージは背景=黒 中央=白といったイメージです。 中央=白の位置にテキスト文字を入れたいのですが、マージンもしくはパディング設定をしてしまうと ウィンドウのサイズによって背景と文字がずれてしまいます。 テキストの文章もcssで設定したい場合 どのように設定するのがよろしいでしょうか? よろしくお願いします。
- 締切済み
- CSS
- スタイルシート…
たぶん、初歩的な問題なんですが…自力では調べてもわからなかったので… スタイルシートで、画像を固定し、尚且つ、 リンクの貼ってある文字の上にカーソルがくると文字色が変わるようにしたいのですが、 どのようにすればよいのでしょうか? 一応、 <style type="text/css"> <!-- body { background-image : url("画像のURL"); background-attachment: fixed; background-position: 100% 0%; background-repeat: no-repeat ; } a{text-decoration:none;} a:link {color:#色;} a:active {color:#色;} a:visited {color:#色;} a:hover {color:#色;} --> </style> じゃないかな…?と思って、試してみたのですが、画像は固定できてるんですが、 リンクの文字色は変わりませんでした…。 アドバイスお願いします!
- ベストアンサー
- HTML
- スタイルシートをFirefoxでもうまく表示させるには・・・
スタイルシートでセルに背景を指定しています。 Left{ color : white; background-repeat : no-repeat; background-attachment : fixed; width : 208px; font-size : 12px; font-weight : bold; text-align : center; background-image : url(.gif); } IEではその背景はうまく表示されるのですが Firefox ではその背景は表示されません。 その原因を色々なサイトで調べてみましたが明確な対処方法が見つかりません。 セルの背景をスタイルシートで指定してFirefox でもうまく表示させる方法を教えて下さい。
- 締切済み
- その他(インターネット・Webサービス)
- <STYLE>シートでは指定できるんですけど・・
styleシートで画像の位置って指定できますよね? 例えば、一番右下にぴったり画像をくっつけたい場合、 <STYLE type="text/css"> <!-- BODY { background-image:url(画像URL); background-repeat:no-repeat; background-position:right bottom;} --> </STYLE> で右下に画像が固定できますよね? でも、<body>タグでは指定できないのでしょうか。 教えて下さい。
- 締切済み
- その他([技術者向] コンピューター)
- gaiax系ページでの背景の固定
こんにちわ。 先日、背景を固定して文字だけスクロールしたいという件で質問しましたところ、スタイルシートをつかったり、bodyタグでの方法を教えて頂きました。ところが、私のページはgaiaxであり、デザインの変更の背景URLのところに教えて頂いたスタイルシートなどのタグを張り付けてみたところ、背景はうまく固定できたのですが、今度は画面の左上に文字の色などを示すタグが勝手に表示され、こちらで設定した文字の色なども無効になってしまいました。スタイルシートではこちらを張り、 <STYLE TYPE="text/css"><!-- BODY{ background-image:url("画像の名前"); background-repeat : no-repeat ; background-attachment : fixed; background-position: bottom right;} --> </STYLE> bodyタグではこちらを試してみました。 <BODY background="○○○" bgcolor="○○○" bgproperties="fixed"> ・・・・・ </BODY> いずれにしても変なタグが画面上部に勝手に表示されてしまうんです。 それに文字なども私は白で設定したのですが、勝手に黒になってしまいます。 どうしたらよいのでしょうか? メインのお知らせ欄に張るということも考えてみたのですが、 そうすると、日記画面での背景は別になってしまいますよね? 御回答よろしくお願い致します。
- ベストアンサー
- HTML
- スタイルシートの背景画像、挿入タグを教えてください。
HPで背景画像を指定したいのですが、何回変更してもできません。 ずっと、背景が黒いままです。(黒にしているから) ちなみに、こんな感じです。 body { background-image : url("images/backi.gif"); background-attachment: fixed; background-position: 0% 0%; background-repeat: repeat; background-color:#000000; scrollbar-arrow-color:#808080; scrollbar-base-color:#efefef; scrollbar-darkshadow-color:#808080; scrollbar-highlight-color:#fcfcfc; scrollbar-shadow-color:#c0c0c0; scrollbar-track-color:#fcfcfc; } 【images】というフォルダーに入れています。 スタイルシートは【css】のフォルダーに入っています。 すいませんが、HP作成に詳しい方、是非教えてください。 背景画像をHPに表示させたいです。
- 締切済み
- インターネットビジネス
お礼
2番目のfixdの方で希望の通りになりました! なんだか、とっても嬉しいです!! 気持ち的にはもっと点数差し上げたいんですが, ほんとにほんとにありがとうございました。 感謝の気持ちでいっぱいです(^-^)