- 締切済み
HP作成 スタイルシート
ビルダーを使ってHPを作成しています。そこで、ページの背景の上だけにgif画像を指定したくスタイルシートを追加してみたのですがうまくなりません。ビルダーのHTMLに追加しているのですが追加する場所を間違えているような気がします。ビルダーで背景色を#cc0000設定しています。 <TITLE></TITLE> <STYLE type="text/css"> <!-- BODY { background-image: url("image/gurad1.gif"); background-repeat: repeat-x } --> </STYLE> <LINK rel="stylesheet" href="image/table.css" type="text/css" id="_HPB_TABLE_CSS_ID_"> </HEAD> <BODY bgcolor="#cc0000" link="#ffffff" alink="#009900">
- tanpopo199
- お礼率25% (14/54)
- その他(ソフトウェア)
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- viora117
- ベストアンサー率100% (3/3)
外部スタイルシートを読み込む記述になっているようですので、 HTML側ではなく、CSSで追記なさるといいのではないでしょうか？ 透過gif画像なら、上手く行けると思うのですが。 body{ background-color: #cc00000; background-image: url("image/gurad1.gif"); background-repeat: repeat-x; }
<LINK rel="stylesheet" href="image/table.css" type="text/css" id="_HPB_TABLE_CSS_ID_"> ↑の「image/table.css」で、背景色を指定してないか確認してください。 たぶん、そちらの指定が優先されてると思います。
関連するQ&A
- ホームページ作成
背景を右下に設定する時は <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("c:/my documents/素材ファイル名"); background-position:50% 50%; background-repeat:no-repeat; background-attachment:fixed; } --> </STYLE>
- ベストアンサー
- その他（インターネット・Webサービス）
- htmlやスタイルシートに詳しい方教えてください
初めてのHP作りがんばっています 早速行き詰まりました（´～｀) 800×600くらいのサイズの1枚のオリジナルイラストの画像があるのですがそれを背景としたいです 下記のように記述いたしました <html> <head> <title>tamaringo world</title> <style type="text/css"> body { background-image: url(img/haikei.jpg); background-repeat: no-repeat } </style> </head> <body> </body> </html> 背景として画像は表示されますが左上に表示されてしまい右側と下に大幅な余白ができます 画面いっぱいに背景とするにはどうしたらいいでしょうか 横スクロールにはしたくないです できれば縦スクロールもなしで1枚の画像がポンと出るようにしたいです 初心者で質問の意図が分かりにくいかと思いますがアドバイスいただけると本当にうれしいです よろしくお願いします
- ベストアンサー
- HTML
- スタイルシートと、背景色の設定について
画像を画面の中心に表示させようと、以下の様に設定したら、背景色が白になってしまうのです。 この場合どのようにすれば、背景を黒く設定できるのでしょうか？ 画像の背景が黒なので困っています（涙 <head> <style type="text/css"> <!-- body{background:fixed url(＊＊＊.gif) no-repeat 50% 50%} --> </style> </head> <BODY bgcolor="#000000"> 宜しくお願いします。。。
- ベストアンサー
- CSS
- <STYLE>シートでは指定できるんですけど・・
styleシートで画像の位置って指定できますよね？ 例えば、一番右下にぴったり画像をくっつけたい場合、 <STYLE type="text/css"> <!-- BODY { background-image:url(画像URL); background-repeat:no-repeat; background-position:right bottom;} --> </STYLE> で右下に画像が固定できますよね？ でも、<body>タグでは指定できないのでしょうか。 教えて下さい。
- 締切済み
- その他([技術者向] コンピューター)
- styleの直接指定が効きません。
外部ファイルにてbodyに背景画像を設定しているんですが、インラインフレームの中だけ背景色にしたく、 (1)<head>内に <Link rel="stylesheet" href="style.css" type="text/css"> <style type="text/css"> body { background-color: #fffff3; } </style> (2)<body style="background-color: #fffff3;">～</body> と両方試してみましたが、背景色が反映されず背景画像のままです。 外部ファイルの body { color : #57450f; background-image : url(image/back01.gif); } 背景画像の部分をはずすと背景色は反映されるんですが、何が問題なのでしょうか？ 回答よろしくお願いします。
- ベストアンサー
- HTML
- スタイルシートが反映されません。
本の通り、スタイルシートを記述しましたがIE5.5では背景が反映されず NN4.75ではHTMLの内容までも消えて、何も表示されません。 htmlファイルのすぐ上のimagesフォルダにbggreen.jpgを入れてあり、 ディレクトリは間違いないと思うのですが、何がおかしいのかわかりません。 よろしくお願い致します。 <TYPE="text/css"> <!-- body { background-image: url('images/bggreen.jpg'); background-repeat: repeat-y } --></STYLE>
- ベストアンサー
- HTML
- テーブルにスタイルシートを使う方法
こんにちは、テーブルタグのことで質問があります。 普通、背景画像でスタイルシートを使い右下などに固定するタグは <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
- スタイルシートを使ったボーダーレフト壁紙の作り方
壁紙を、片側だけ、もしくは、両サイドにだけ、画像を敷き詰めた壁紙を作りたいのですが、素材屋さんのところで書かれてある例を貼りつけてみましたが、 画像がなにも出てきません。 <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"> ： ： こんな感じですが、 どこを、どう直せばいいですか？ 具体的に教えてください。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
