スタイルシートを使ったボーダーレフト壁紙の作り方
- 壁紙を、片側だけ、もしくは、両サイドにだけ、画像を敷き詰めた壁紙を作る方法について教えてください。
- スタイルシートを使用して、ボーダーレフト壁紙を作成する方法について具体的に教えてください。
- 素材屋さんの提供する例を試しても画像が表示されない場合に、どのように修正すればよいか教えてください。
- ベストアンサー
スタイルシートを使ったボーダーレフト壁紙の作り方
壁紙を、片側だけ、もしくは、両サイドにだけ、画像を敷き詰めた壁紙を作りたいのですが、素材屋さんのところで書かれてある例を貼りつけてみましたが、 画像がなにも出てきません。 <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- body{ background-attachment:fixed;} background-color:#000000; background-image:url(sbg001.jpg); background-repeat:no-repeat;} --> </STYLE> </HEAD> <BODY bgcolor="#000000" text="#f0f8ff" link="#a6caf0" vlink="#a6caf0"> ： ： こんな感じですが、 どこを、どう直せばいいですか？ 具体的に教えてください。 よろしくお願いします。
- _pianissimo_
- お礼率75% (27/36)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
body{ background-attachment:fixed;} background-color:#000000; background-image:url(sbg001.jpg); background-repeat:no-repeat;} それぞれ、 ２行目：背景画像固定 ３行目：背景色 ４行目：背景画像のＵＲＬ ５行目：背景画像描画は１度きり。タイル状に配置しない です。 ところで、この２行目の最後に閉じ中かっこ「}」が存在します。 そのため、body要素のスタイル設定は２行目までで終了とされてしまい、３行目以降は解釈不能の行として残されます。 この２行目の最後にある「}」を取り除いてください。 また、５行目ですが、縦方向に敷き詰めるのでしたら、no-repeatではなく repeat-y にしてください。
関連するQ&A
- 壁紙を二つ固定したい。（ＨＴＭＬ）
ホームページを作っていてＨＴＭＬで壁紙を左横と真ん中に固定して、二つ表示されるようにしたくて、下記の設定をしたのですが、どちらか一つしか表示されません。説明がわかりにくくてすみません。 どうしたらいいでしょうか？？ お手数をおかけしますが、よろしくお願いします。 <head> <style type="text/css"> <!-- body{ background-image: url(画像のＵＲＬ); background-attachment: fixed; background-repeat: no-repeat; background-position: 55% 50%; body{ background-image: url(画像ＵＲＬ); background-attachment: fixed; background-repeat: repeat-y; background-position: left; } --> </style> </head>
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページ作成
背景を右下に設定する時は <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> を<head>から</head>までに書けばいいと書いてあったので <html> <head> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>無題</title> <meta name="generator" content=" 6.0.0.49"> <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <p style="line-height:150%;"> </p> </body> </html> と書きましたがダメでした。 どこが間違っていますか？ またどうすれば直るか教えてください。 当たり前ですが、「画像URL」のところはちゃんとアドレスに置き換えました。
- ベストアンサー
- Windows XP
- 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
- スタイルシートについて
スタイルシートで背景を画像にするものがありますよね。 それでＨＰを作ったものの、その画像が見れる人と見れない人が出てきてしまって困っています。もちろんインターネットオプションのユーザー補助は確認しています。自分の記述が悪いかもしれないので書いておきます。 <STYLE TYPE="text/css"> <!-- BODY { background-image:url("c:/my documents/素材ファイル名"); background-position:50% 50%; background-repeat:no-repeat; background-attachment:fixed; } --> </STYLE>
- ベストアンサー
- その他（インターネット・Webサービス）
- HTMLでのサイト作りについて
メモ帳でHTMLのサイトを作ろうとしてるんですが、 画像を上部に一列表示がどうやってするのかわかりません。 そのソース、または <style type="text/css"> <!-- body { background-image : url("画像URL"); background-repeat: repeat-x; background-attachment: fixed; } --> </style> を、<HEAD>～</HEAD>に とかいてあるんですが、 <html> <head> <title>私のページ</title> </head> <body> 初めてホームページを作ってみた。 <br> </body> </html> のどこにいれるんですか？ 教えてください＞＜
- ベストアンサー
- その他（インターネット・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サービス）
- 間違い。
このＨＴＭＬは間違ってますか？ ページを表示しても真っ白になります。 背景を右端に固定したいのですが。。 <HTML> <HEAD> <TITLE>・・・</TITLE> <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像のＵＲＬ"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> </HEAD> <BODY> ・ ・ </BODY> </HTML>
- ベストアンサー
- HTML
- 壁紙＋画像（右・左・上・下）
これなんですが… どなたか教えていただけませんか？ ↓は壁紙の色に（右に縦に画像）が並んで表示されます。 </STYLE> </style> <STYLE type="text/css"> <!-- BODY { background-color: #D6D6AD; background-image: url("○○○jpg"); background-repeat:repeat-y; background-attachment: fixed; background-position: right; } --> </STYLE> あと… ↓のをどのように入れれば上の1枚の壁紙に 一度に４ヵ所画像を並べられますか？ （左に縦に画像を並べる） background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-y; background-attachment: fixed; background-position: left; (上に画像を横に並べる） background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: top; （下に画像を横に並べる） background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: botom; 宜しくお願いします。m( _"_ )mペコ♪
- ベストアンサー
- HTML
- 右一列に壁紙を固定
スタイルシートで壁紙を上一列や、左一列に固定するものがありますよね？ 私は右一列に壁紙を固定したいのですが、なぜか出来ないんです。 タグ講座のＨＰのタグをもらってそれを貼りつけているんですが なぜか表示されないんです。（ちゃんと<head>～</head>内に入れました） どうして表示されないんでしょうか？ 配布されているタグが間違っているのでしょうか・・・？ 一応、配布されているタグを載せておきます。 右一列に壁紙を固定する方法を知っている方がいましたら教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("壁紙のURL"); background-position: 100% 0%; background-repeat: repeat-y; background-attachment: fixed; } --> </STYLE> では、よろしくお願いします。
- 締切済み
- CSS
お礼
sightさん、レス、ありがとうございます♪ 原因は、些細なミスだったんですね。 「}」を取り除いたら、ちゃんと出てきました。 どうもありがとうございました。