forestpage

【】さんのロビー
ロビーに戻る 新しいHPを作成 フォレストID設定変更 フォレストサービスを利用する ログアウト

森のフォーラム

※掲示板に書き込みする際の注意
公式ルール | 雑談ルール

フォーラム検索

このカテゴリ内で検索が可能です

フォーラム一覧

トップ >> HTMLタグについて >> 画像をクリックすると凹むタグ

8件のレスが見つかりました
[1-8]

新しい投稿順 ｜ 古い投稿順

投稿者 親記事
[記事No.203503]画像をクリックすると凹むタグ

葉山
ID：[aozora6]
PC
投稿日時：06/08 11:05

HPアドレス   レスを削除する   違反連絡
画像(バナー)などにマウスのカーソルを当てるとその画像が凹むのってありますよね？
そのタグばが知りたいんですが、どの様に検索していいのか分からなかったのでレス立ててみました。

どなたか知っている方がいたら回答よよろしくお願いします。

投稿者 スレッド
[記事No.203985]Re:Re:Re:Re:Re:Re:

葉山
ID：[aozora6]
PC
投稿日時：06/10 02:50

HPアドレス   レスを削除する   違反連絡
記事No.203503への返信
やっとできました!!
Qｓさま、親切に教えて下さり本当にありがとうござます!!

すみません；
あと、もう一つ質問があるんですが、また新スレ立てるのでお願いしてもいいでしょうか？
[記事No.203973]Re:Re:Re:Re:Re:

Qs
ID：[QSC]
EZWeb
投稿日時：06/10 01:54

HPアドレス   レスを削除する   違反連絡
記事No.203503への返信
記述が違います。
混ぜないで下さい。

ページの最初に
<style type="text/css">〜略〜</style>
を書いて、リンクはリンクを貼りたい場所に
<a href="URL" 〜略〜>〜</a>
で貼って下さい。

※略部分は既述なので省略
[記事No.203970]Re:Re:Re:Re:

葉山
ID：[aozora6]
PC
投稿日時：06/10 01:47

HPアドレス   レスを削除する   違反連絡
記事No.203503への返信
すみません；；
試してみましたが、画像の前にタグが表示されてしまって反映されませんでした。
あとタグを編集しようとすると<style type="text/css">の部分の<>のかっこ(?)が消えているんです。

一応使用したタグを書いときます。
<style type="text/css">a:hover.hekomu{position:relative;left:1px;bottom:1px;<a href="URL" class="hekomu" target="_blank"><img src="画像URL" border="0"></a>}</style>と、教えて頂いた通りにタグを貼ってみました。
[記事No.203897]Re:Re:Re:

Qs
ID：[QSC]
EZWeb
投稿日時：06/09 22:40

HPアドレス   レスを削除する   違反連絡
記事No.203503への返信
略した部分はあなたの書き込み中にあります。

全部書けば、
<style type="text/css">a:hover.hekomu{position:relative;left:1px;bottom:1px;}</style>

リンクは
<a href="URL" class="hekomu" target="_blank"><img src="画像URL" border="0"></a>
で出来ませんか。
[記事No.203886]Re:Re:

葉山
ID：[aozora6]
PC
投稿日時：06/09 22:04

HPアドレス   レスを削除する   違反連絡
記事No.203503への返信
Qsさん、回答有難うございます。

<a href="サイトのURL" target="_blank"><img src="画像のURL" border="0"></a>

こういうタグに教えて頂いたタグをくっつけたいのですがこのタグのどの変にタグを足せばいいのでしょうか？

それと…
<style type="text/css">a:hover.hekomu{position:relative;〜略〜}</style>
の、『略』には何が入るんですか？
できればこちらも回答お願いします。
[記事No.203523]Re:

Qs
ID：[QSC]
EZWeb
投稿日時：06/08 16:08

HPアドレス   レスを削除する   違反連絡
記事No.203503への返信
２枚の画像(普通の画像と凹んだ画像)を用意する方法もある、ともありますので、そちらで如何でしょうか。
「ロールオーバー」で検索してみて下さい。


CSSなら、class指定で出来ないでしょうかね……
例えば、ページの最初に
<style type="text/css">a:hover.hekomu{position:relative;〜略〜}</style>
と書き、リンクを
<a href="URL" class="hekomu">〜</a>
で貼るとか。
class指定したリンクだけにCSSが反映するはず……

※当方検証不可なので、駄目だったらすみません；

ちなみに、
× mottom
○ bottom
[記事No.203510]Re:Re:画像をクリックすると凹むタグ

葉山
ID：[aozora6]
PC
投稿日時：06/08 12:11

HPアドレス   レスを削除する   違反連絡
記事No.203503への返信
ゆなさま。ありがとうございます。
一応目を通して見ましたがよく分かりませんでした；；

『スタイルシートの中に…』というのはタグの事ですか？

a:hover { position: relative; left: 1px; mottom: 1px; }
っていうのはタグの中に入れるんでしょうか？
これをやると全部のリンクが凹むようになってしまうらしいんですが、バナーだけを凹ませたいです。
そういうタグってありますか？
[記事No.203506]Re:画像をクリックすると凹むタグ

ゆな
ID：[yuna1227]
SO903i
投稿日時：06/08 11:55

HPアドレス   レスを削除する   違反連絡
記事No.203503への返信

これで分かりますか？
↓
http://id.fm-p.jp/forum/thread.php?thread_id=41705