![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?c9bd177)
久しぶりにHTMLをいじってたんですが、すっかり忘れちゃって
色々見てみたんですが、解決しなかったので教えて下さい。
indexと同じディレクトリにdesignというフォルダを作り中にmouse_over.cssという
カスケードスタイルシートを作りました。
"mouse_over.css"の内容は
a:link.link1{
width:100px;
height:25px;
background-image:url(./pic/home.png);
}
a:hover.link1{
width:100px;
height:25px;
background-image:url(./pic/home_over.png);
}
です。それと、上同ディレクトリにpicというフォルダを作り、homeとhome_overという2種類の画像を入れてあります。indexには、head内に
<link rel="stylesheet" type="text/css" href="design/mouse_over.css" />というリンクを張り、
body内に<a href="リンク先URL" class="link1"></a>としましたが、画像が出ません。
上記のCSSをindex内に<style>括りで書くと、画像も表示されちゃんとマウスオーバーで
画像が変わるのですが、CSSを別に置くとindexは真っ白のまま何も表示されません。
何処が間違っているのかかなり色々やったのですが、まったくわからなくなってしまい、
困っております。
どうか智恵をお貸し下さい。宜しくお願いします。
No.2ベストアンサー
- 回答日時:
No.1です。
HTMLファイルがあるディレクトリの中に、designとpicがあるということでいいですか?
──htmlファイル
├─design─CSSファイル
└─pic─画像ファイル
それなら、
background-image:url(./pic/~
とあるところを、
background-image:url(../pic/~
にすれば、いいと思います。
No.1
- 回答日時:
CSSでURLを相対パスで指定するときは、HTMLファイルからではなく、CSSファイルからの相対パスになります。
ディレクトリの位置は大丈夫ですか?
http://www.htmq.com/csskihon/012.shtml
この回答への補足
自分が、質問させてもらった際に書いたのが、たぶん、
この、htmlと、cssに関する部分の、全文だと思うんですが、
具体的に、どこどの様に訂正するのか、教えて下さい。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のフォルダを同時に参照し...
-
「照合パターンに合いません」...
-
バッチファルの置き場所
-
拡張子.dどういう意味
-
7zを使うとフォルダの中身がす...
-
ViエディタとVimエディタの違い...
-
嫌ってるのに真似してきたりマ...
-
onedriveの中身を削除したらパ...
-
あなたに答えて、って頼んでい...
-
macのdmgファイル(動画)をMP4...
-
exFATに欠点はありますか?
-
VBAで長さ0の文字列をNullに変...
-
iMovieとgifファイルの読み込み...
-
.pkgというファイルについて。
-
試用ライセンス期間が切れたVMw...
-
ST-M01にショックマウントをつ...
-
読み取り専用とは・・
-
Windows10 フォルダ内の自動並...
-
RedHatで使えるエディタ
-
Mac OX10.4でのOS9対応MOのマウ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
7zを使うとフォルダの中身がす...
-
ftpのmgetコマンドの自分の格納...
-
拡張子.dどういう意味
-
scpによるデータ転送後、ディレ...
-
make時に出てきたエラーメッセ...
-
バッチファルの置き場所
-
Linuxコマンドについて
-
FTPコマンドのCDについて
-
2TBのUSBメモリを2000円ほどで...
-
ホームページのディレクトリを...
-
「照合パターンに合いません」...
-
「ドット(.)」と「¥」の意味...
-
linuxコマンド mkdirでディレ...
-
tarコマンドのエラーについて
-
"cp -a"と"cp -r"の違い
-
ファイル名で / (スラッシュ...
-
/(スラッシュ)で区切ったフル...
-
シンボリックリンクについて
-
LinuxでSGID設定する際、2775と...
-
ftpでのフォルダごとの転送はで...
おすすめ情報