![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
いつもお知恵拝借、ありがとうございますm(_ _)m
ごく最近、cssを勉強し始めたばかりの超・初心者です。タブメニューを作っているのですが、
#cell2 :hover,#cell2 a:active {
background-image:url(tab.gif);
}
として、ポインタがメニューの上に来た時と、クリックしてそのページへ飛んだときの背景を「tab.gif」に設定しました。
hoverの時は、ちゃんと背景が「tab.gif」になるのですが、リンク先のページに飛んだとき(そのページも全く同じタブメニューがある)に、activeで背景が「tab.gif」にならないのです。
何か基本的な知識不足ではないかと思うのですが、どうかご教授の程よろしくお願いしますm(_ _)m
ソフトはwin xp+Homepage Builder10です。
No.4ベストアンサー
- 回答日時:
こんにちは。
:activeはマウスでその領域をクリックした時の動作になりますので、クリックしてそのページに飛んだ時の動作を指定することは出来ません。:activeの動作はページ移動・マウスを他でクリックで消えます。
ちなみに、:hoverはマウスがその領域に乗った時の動作です。
ページごとにメニューの該当するメニュー名の背景・画像を変えたいのであれば、そのページごとに背景(もしくは画像)を指定するのが一番簡単です。
あとはJavaScriptやCSSでも方法があるかもしれません。
この回答への補足
ご回答、ありがとうございますm(_ _)m
>ページごとにメニューの該当するメニュー名の背景・画像を変えたいのであれば、そのページごとに背景(もしくは画像)を指定するのが一番簡単です。
はい、とりあえず次善の策としてそのようにやってみて、OKでした。ただ、何かもっと“洒落た”やり方がcssにないものかと考えたものですから、質問を出してみたところです。
>あとはJavaScriptやCSSでも方法があるかもしれません
もし思い出すようなことがあれば、是非ご紹介下さいm(_ _)m
No.3
- 回答日時:
#2ですが、
ローカル表示の場合、飛び先のページを上書き保存して再確認は?
当然、公開する場合も・・・
この回答への補足
>ローカル表示の場合、飛び先のページを上書き保存して再確認は?
「再確認」というのは、変更後のプレビューのことでしょうか?もしそうなら、もちろんプレビューしています。
説明不足のようでしたから補足しますが、このようなタブメニューにしようと思ったのは、全ページ共通してページ下部に同じタブメニューを作り、現在訪問中のページのタブの色(背景)を他のタブと変えようとするものです。
時々サイトで見かけるものですから、真似しようと思ったのですが・・・。
No.1
- 回答日時:
飛んだ先で 設定したCSSを読み込んでいないまたはCSSが書かれていない或いは飛んだ事で画像へのURLが変わってしまった
のどれかと予想
この回答への補足
さっそくのご回答、ありがとうございますm(_ _)m
>飛んだ先で 設定したCSSを読み込んでいないまたはCSSが書かれていない
飛んだ先のcssは、もとのページと同じで、
<link rel="stylesheet" type="text/css" href="style_k.css"/>
です。また、飛んだ先のページでのhoverは、もとのページと同じくちゃんと働いています。
>或いは飛んだ事で画像へのURLが変わってしまった
とのことですが、同じフォルダーなので、同じでいいのではないかと思ったのですが・・・。
お手数をお掛けしますが、なにとぞよろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- ノートパソコン PowerPointにあるgif動画をgif動画のまま保存したい 3 2023/02/02 12:59
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- Access(アクセス) ACCESS2019 ナビゲーションウィンドウの色 1 2022/05/10 17:15
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- その他(ブラウザ) zoomのバーチャル背景が選べない 4 2022/12/08 12:38
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS 疑似要素で背景画像に指定したSVG画像の色変更 2 2023/01/30 22:45
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
マイページはどこを開くの
-
オシロスコープで出た波形をUSB...
-
Adobe Lightroom classic 画像...
-
デジタル時計の時刻合わせの方...
-
エクセルのシート上に別のシー...
-
Excelでワードアートや図を常に...
-
Javascript_submit()完了後に処...
-
ウインドウを毎回同じ位置、大...
-
Youtubeが勝手に右下に勝手に小...
-
スクリプトって、何ですか?ど...
-
エクセルVBAでフォームのListbo...
-
画像のようにとあるサイトの横...
-
一定時間おきにアラームやポッ...
-
[Java] Edgeでのアドレスバー非...
-
アダルトサイト閲覧後のポップ...
-
テーブルにスクロールバーをつける
-
別フォームから戻ったときのイ...
-
このスクリプトの実行を中止し...
-
Excelで一部分だけを常に表示さ...
-
リストビューをスクロールさせ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
マイページはどこを開くの
-
ホームページビルダーでプルダ...
-
Photoshop 7 画像に上の青い境...
-
オシロスコープで出た波形をUSB...
-
Sonic MyDVDで・・・
-
フランス語 序数表記入力(er)...
-
秀丸エディタで、文章に引用符
-
Adobe Lightroom classic 画像...
-
DVDStyler、リモコンのカーソル...
-
ツールボックスがいきなり消え...
-
HPBでの階層メニュー作成
-
ホームページビルダー9 リン...
-
フォトショップ、「パレット格...
-
FLASHで、メニューボタンクリッ...
-
並べ替えのできるテキストエディタ
-
左側にメニュー欄を作って、右...
-
ソフトのダウンロードで「管理...
-
Dreamweaveの使い方...
-
Adobe Encore ブルーレイ構築
-
アクセスのレポート印刷で郵便...
おすすめ情報