• ベストアンサー

これはCSS?JavaScript?

http://www.geocities.jp/naruyoru/ このサイトの ←のほうのメニューにマウスを当てるとリンク部分がへこんだようになりますよね? これを自作ホームページに適用したいのですが、やり方がわかりません。 できれば教えてくれませんでしょうか? お願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • X-trail_00
  • ベストアンサー率30% (438/1430)
回答No.1

a:link {text-decoration:underline;color:Navy;} a:visited {text-decoration:underline;color:Navy;} a:active {text-decoration:none;color:PowderBlue;} a:hover {text-decoration:none; color:#1E90FF;position:relative;top:2px;left:0px;} スタイルシートに上記を書けばいけます。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • sr-agent
  • ベストアンサー率43% (594/1373)
回答No.2

ソースファイルを見た限りではスタイルシートのようです。 おそらく、 通常リンクを貼ってある場合には、 テキストデコレーションが「underline」、 アクティブになっているときの テキストデコレーションが「none」になっているのではないかと思います。 (スタイルシートがある程度わかっているとう前提でお話しています。この説明で判らないときは再度補足等してくださいね)

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • JavaScriptを使わずにCSSで

    あるリンクにマウスポインタを当てると そのリンクのサブメニューリンクが表示されるように することはできるのでしょうか?

    • ベストアンサー
    • HTML
  • ホームページの技

    ホームページのメニューをマウスを載せたときに下にリンクが出るような形にしたいのですが、やり方がわかりません。 http://jp.pg.com/←こんな感じで やり方をのせているサイトなど知っていたら教えてください。

  • javascript,html,cssについて

    ホームページ作成に関して困っており誰かご存知の方がいらしゃったら ご回答の程お願い致します。 アコーディオンメニューをjavascriptを使って作成しました。 しかし、firefoxではうまく表記されるのですがIEで開くと メニューボタンのまわりに枠がでてしまいます。 知識不足申し訳ありませんがご協力お願い致します。

    • 締切済み
    • CSS
  • CSSで指定したリンクのみに下線

    現在CSSを使ってHPを作成しています。全体的にはリンクには下線を引かないように下記のように指定しました。 a:link{color:#523e35;text-decoration:none;} しかし、リンク色とテキスト色を同じにしたいので同じにしましたがどこにリンクが貼ってあるのか分かりません。 とりあえず、ホームページ内メニューの部分のみはリンクが張ってあるか把握できるようメニューのリンク部分だけにでも下線を引きたいのです。 試しに .menu_line { text-decoration: underline; } 上記をつかって<div class="menu_line">でメニューを囲ってみるとリンクの部分ではなく、テキストの部分にのみ下線がひかれてしまいました。 いったいどう指定すればメニューの部分のリンクにのみ下線を引くことができるでしょうか…。 ご存知の方がいれば教えていただきたいです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSS+JavaScript

    下記サイト http://www.dreamvs.jp/pc/ の上部にあるCSS+JavaScriptの動的なテーブル?のような物 を作りたいと思っています。 (FLASHは考えてません) ただ、左側にあるボタンを切り替わる画面の下に配置して、 上部の切り替わる部分を大きく表示したいと思っております。 ボタンを下に配置してJavaScriptで動かすことは可能でしょうか? よかったらボタン下に配置したCSSのソースをアドバイスして頂けるとうれしいです。 詳しい方、よろしくお願いします。

  • HTML か CSS だと思うのですが・・・

    現在HTMLとCSSでホームページを作っているのですが <a href="">○○○</a> でリンクを作成すると、マウスをその該当文字である○○○にあてるとマウスの形が指先になりますよね? ですが、位置がおかしいのです! 少し下にずれて指先マークになるのです。 普通ならリンクの文字に触れた途端にマウスの形が矢印から指先に変わりますよね? ですが、私の場合リンク部分の文字の若干上の方にマウスの矢印をあてると、指先になりません! 文字の半分くらいにカーソルをもってくるとやっと指先マークになります。 また、文字の下にカーソルを持って行って、リンク文字からカーソルが若干下に外れても指先になっています。 このおかしい現象として考えられる原因としては何があるでしょうか?

  • CSSセレクタの記述について

    あるCSSのサンプルの内容で分からない部分があり、質問させてもらいました。 .sf-menu li:hover ul, .sf-menu li.sfHover ul {  ……… } JQueryを利用したドロップダウンメニューのコードなのですが 最初の1行目にある擬似クラスの部分が良く分かりません。 これは.sf-menuを適用したliタグ内にあるマウスオーバー状態のulタグ について適用するということになるのでしょうか。 疑似クラスについて調べたのですが、擬似クラスの後にタグが続く サンプルを見つけることが出来ず、行き詰ってしまいました。 ご回答いただけますと助かります。

    • ベストアンサー
    • CSS
  •  ホームページのメニューなどで、文字にマウスが触れると、文字が変化する

     ホームページのメニューなどで、文字にマウスが触れると、文字が変化するようにしたいのですが、どのようにすればよいでしょうか?(例えば「LINK」→「リンク」)  JavaScriptやCSSなどでを使ってもかまいません。  ホームページに詳しい方、返答お願いします。 ↓ のホームページではflashを使用していますが、出来ればflashをさけたいです。 http://www.johnnys-net.jp/j/artists/arashi/

  • CSS?

    あるサイトのサイドメニューを、マウスオーバーした時にメニューのいろが変わるように設定しています。 そこまでは良いのですが、今現在閲覧しているページをメニューバーに反映させるやり方がわかりません。(閲覧中のページのメニューがマウスオーバーしている時と同じ状態) 上手な説明ができていないかも知れませんが、どなたか知恵を貸してください。

    • ベストアンサー
    • HTML
  • CSSのドロップダウンメニューについて

    ドロップダウンメニューについての質問です。 長文になります。 現在、こちらのサイト(http://js.crap.jp/book/chapter2/drop-down-menu2.html)のものを改良して使わせていただいております。 今回、このドロップダウンメニューのサブメニューの中に以下のものを入れたいのです。 <div align="left" style="overflow-y:scroll;width:800px;height:250px;"> <ul> </ul> </div> 試行錯誤したのですが、うまくいきません。 以下のことをしたいです。 1.メインメニューのリンクを全てはずしたい。 2.上記参考サイトでのサンプルで言うところの、メインメニューの『webpark』と『スタイルシート』の部分のサブメニューにだけ上記のoverflow-y:scrollを入れたい。 3.overflow-y:scrollのなかにはリスト形式で文章を入れる予定なのですが、その文中の特定の文字にはリンクをつけたい。 4.上記参考サイトでのサンプルで言うところの、メインメニューの『お役立ちサイト』『javascript』『ウェブデザイン』の部分のサブメニューは既存のまま使いたい。 何とか実現させたいです。 分かる方ご協力お願いいたします。 なお当方、無知な初心者ゆえ、うまく質問できているかも分かりません。 質問の意図するところが分からないという場合は追記させていただきます。 よろしくお願いいたします。

    • ベストアンサー
    • CSS