- ベストアンサー
CSSでの相対パス入力について
初歩的な質問ですみません。ググってもよく分からなかったのでご存知の方教えてください。 スタイルシートだけのページを作って、背景画像設定をしているのですが、背景に使おうとしている画像は全体のフォルダ(hp)の中の(gif)というフォルダの中に入っています。この場合、body { background-image: url("../gif/画像名.gif");}と記述するのでは駄目なのですか? スタイルシート自体はhpフォルダの中に入っています。この場合hpの方が階層が上ということでいいのでしょうか? ちなみに、同じフォルダ内の画像で試してみたところ、きちんと表示されたので相対パスの書き方がまずいのだと思っています。宜しくお願いします。
- runoarelu
- お礼率51% (88/171)
- その他(インターネット・Webサービス)
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
hpフォルダの中に gifフォルダとstyle.css があるというような場合ですね? style.cssから見て、同階層にあるgifフォルダなら、 ../gif/画像.gif ではなく、 gif/画像.gif でいいはずですよ。 ../ はそのフォルダから見て一階層上のパスを指しますから、 この場合、hpフォルダとgifフォルダが同じ階層にあることになってしまいます。
関連するQ&A
- CSSで相対パス
さっきニコニコ動画のスタイルシート見たんですけど、 こういう記述があって body.tpl { width:960px; background:#FFF url('/img/tpl/bg_rc2.gif') repeat-x; color:#333; margin:0px auto; padding:0px; } このスタイルシートはcssというフォルダの中にあって、 そこと同じ階層にimgというフォルダがあって、 あとは直接index.phpとかのメインのファイルが置いてあるみたいなんですけど、 普通外部スタイルシートから別のフォルダ(同じ階層にある別のフォルダ)にあるイメージを呼び出すなら ../img/tpl/bg_rc2.gif になるはずだと思うんですけど、上の記述だとまるでCSSの相対パスのベースが上位の階層(index.phpとかのメインのファイルがあるの階層)になってるみたいにに見えるんですよね、 もしこれが出来るなら、大量にネストして外部スタイルシート作ってある場合(imgフォルダから遠い階層)、 ../../../../../../img/a.gif って呼び出さないといけないのが楽にすむじゃないですか、 もし外部スタイルシートの相対パスのベースをこういう風に設定できる方法があるならおしえて下さい、 俺の勘違いだったらごめんなさい
- ベストアンサー
- HTML
- スタイルシートで背景画像を指定
今までbodyタグで背景を指定していたのですが、スクロールバーや余白の設定で スタイルシートを使うことになったので、背景画像もスタイルシートで指定することにしましたが、何度やっても表示されません。 このように書いてみました。 <style type="text/css"> <!-- BODY { background-image:url(img/28.gif); } BODY { 余白の設定} BODY {スクロールバーの設定 } --> </STYLE> htmlと同じフォルダの中にある、imgフォルダの28.gifという画像です。 画像のパスは間違っていません。アップロードもしてあります。 スタイルシートの解説をしているサイトさんを見ても、 何が間違っているのかわかりませんでした。 なぜ背景が表示されないかわかる方いらっしゃいますか? 余白やスクロールバーはきちんと表示されているのですが・・・
- ベストアンサー
- CSS
- CSSが反映されない(相対パスを使う?)
FC2でホームページを作っています。 ROOTディレクトリには st.css、index.html などを作りました。そこにある全ての ページにCSSが反映されています。 その下の階層に imgディレクトリと、自分の書いた作品を入れるためのディレクトリを 作りました。imgディレクトリの中にはgif形式の画像(ホームページのレイアウトに使う画像) ファイルが入っています。 作品を入れているディレクトリのページを見ると、CSSが反映されておらず、 真っ白のページに文字が左詰めで書いてあるだけでした。 そこで、相対パスというものを使ってCSSを反映させたいです。 相対パスの説明サイトを見ても全く分かりませんでした。 特に、「./」の使い方が分からなかったです。これをどうやって使うのか? もしくは 別のを使うのか? 仮に「./」を使うとして、それをどこに書き込めばいいのかも分かりません。 <link rel="○○(反映させたいページ)/stylesheet" href="st.css" type="text/css"> これのどこかに書き込むと反映されるようになると説明があったのですが…。 ご回答をお願いします。
- ベストアンサー
- HTML
- パスについて
ソースの中の一文ですが、 そのパスを相対パスに変えるにはどうしたらいいですか? <body stylesrc="●●●.htm" background="file:///E:/My%20Webs/images/●●●.gif" bgproperties="fixed"> 未熟者ですみません。 勉強の傍らお聞きしています。
- ベストアンサー
- Windows 95・98
- 絶対パス・相対パス・ディレクトリ・について
HTMLでホームページを作ろうとしている初心者です、教えてください 自分のホームページのフォルダの中ににリンクするパスの指定方法を相対パスというのはわかりましたが、画像を表示するためのパスの指定方法も相対パスでいいのでしょうか、それともディレクトリというんでしょうか?
- ベストアンサー
- ホームページ作成ソフト
- 階層が違う場合の絶対パス相対パスについて
kari.htmlにある内容のボックスがあるとして、 それはCSSでデザインされ、画像も入っています。 この下の階層の menu.htmlの中にkari.htmlで使ったある内容ボックスの同じものがまるまる入ります。 なので、kari.htmlの内容を更新してコピーしてmenu.htmlにもはります。 この場合、画像やCSSを相対パスではなく、絶対パスにしておくと、階層が異なっても きれいに入ります。 ../からではなく、/から始まるパスです。 このやり方は間違っているのでしょうか? 同じようにページ、階層を渡って共通部分には絶対パスをしています。 こういうふうに使い分けしていくものでしょうか? phpでインクルードしてもいいんですが、他にもインクルードが多々あるので、 ページ内でそんなにインクルードあってもいいものかと思いまして。。(勝手な勘違いでしょうか?) 宜しくお願い致します。
- ベストアンサー
- PHP
- トップディレクトリから相対パスで記入ってどういう意味なのでしょうか?
------------------------------------------------------------------------------ 現在の階層です↓ Macintosh HD/作業/HP/○○○/△△△/php/emoji/images ------------------------------------------------------------------------------ imagesフォルダをのパスをトップディレクトリから相対パスで記入。 とあるのですが、正解がよく分かりません。 /Macintosh HD/作業/HP/○○○/△△△/php/emoji/images ↑コレは絶対パスですよね? 相対パスの記述を教えていただけますか?
- ベストアンサー
- HTML
- 相対パスから絶対パスの取得
相対パスを指定することにより、絶対パスを取得したいのですが・・・。 どうすればいいでしょうか? ■状況■ VB6.0 Windows2000 ひとつ上の階層に行きそこのTableフォルダ内のsample.htmlのパスを取得したい。 Dir$("..\Table\sample.html")としてみたのですができませんでした。
- ベストアンサー
- Visual Basic
- URLの相対パスについて
はじめまして、疑問に思ったことがあるので質問させて下さい。 参考:http://look2.info/sampl2/ 上記URLのような掲示板の作成を考えているのですがこの掲示板の仕様は特殊なようで、 参考2:http://look2.info/r.php/sampl2/57/ のように実際には存在しないフォルダをr.phpでURLを分解して表示しています。 そして参考2のソースを表示すると ハートの画像部分が <img src="/_gif_/63890.gif" border=0> と指定されていてこの画像の絶対パスは http://look2.info/_gif_/63890.gif になります ここで疑問が出てきたのですが、ソースを見る限りでは「BASE HREF」の指定も無いのに、IMG SRCでは相対パスで書かれています。 このURLの場合通常だと、「../../../_gif_/63890.gif」と指定しないとブラウザでは認識しない筈なのですがプログラムで上記のようなことは出来るのでしょうか?? 詳しい方がいればご教授お願いいたしますm(_ _)m
- ベストアンサー
- PHP
お礼
できましたー! 本当に迅速な回答ありがとうございます。 独学で始めたことなので、階層が良くわからなくて(・∀・;) 助かりました<(_ _)>