画像リンクだけを動かす方法について
-
0 名前： ＩＵ ： 2005/05/04 21:35
- はじめまして。スレッドＮｏ．1395のららさんと、逆の事をしたいのですが、
どうしても分りません。文字リンク、画像リンクが全て動いてしまい、
文字リンクは動かさず、画像リンクだけを動かしたいのですが、どうしたら良いでしょう？
現在、スタイルシートはこのようになっていますが、スタイルシートで調整する方法と、
画像リンクのタグに直接、記述する方法がありましたら教えて下さい、宜しくお願いします。
<style type="text/css">
<!--
a{text-decoration:none}
a:hover{color:#FF9900}
a:hover{text-decoration:underline}
a:hover{position:relative ;top:1px ;left:0px ;}
-->
</style>
-
1 名前： 七鍵 ： 2005/05/04 21:35 ［URL］
- 動かしたい物にだけ（今回は画像）次の記述を加えて下さい。
class="smp"
例）
<img src="piyo.gif" class="smp" alt="">
そして、スタイルシートの部分を
a.smp:hover{position:relative ;top:1px ;left:0px ;}
として下さい。
-
2 名前： 通りすがり ： 2005/05/04 21:35
- a.smp:hover{position:relative ;top:1px ;left:0px ;}
の場合、
class指定は<a>タグにつけないといけなくなかったですか？
-
3 名前： ＩＵ ： 2005/05/04 21:35 ［URL］
- 七健さん、ご教授ありがとうございました。少し戸惑いましたが出来ました。
最初、ご指摘の通りに <img src="piyo.gif" class="smp" alt=""> こちらに
class="smp" この記述をしていたのですが、それだと出来なくて、class="smp"で、
検索していたら、こちらの掲示板、過去ログに辿り着き、その答えをヒントに
<a href="***.html" class="smp">***</a> リンクの方に記述をしたところ上手くできました。
過去ログ http://www.tagindex.com/kakolog/q1bbs/201/443.html
一応、私のｗｅｂ、ＵＲＬを残して行きたいと思います。
どうも、お世話になりました。ありがとうございます。
