2006/03/05 02:28
題：A hoverの個別設定
名：レインボー
ID：x2bjMAjvlF51
はじめまして。色々やってみてもわからずじまいで困ってしまいました。過去ログ検索してみたものの、なかなかみつけられず質問させていただきます。もし同じ内容があったらすみません。使用しているのは、ホームページビルダーver.8になります。どなたかご教授お願いいたしますページ作成時、スタイルシートを利用してボタンのように見えるリンク<a> <a hover>の設定をしました。同ページ内で、リンクした文字を一部通常にもどしたい場合、<A>に対してはstyleで設定orクラス指定を行うこと位はなんとかわかるのですが...
全文 ﾒﾝﾃ
No.1 2006/03/05 10:10
名：Newのり太
こちらの過去ログにもあると思いますが、https://aimix.jp/nmz/namazu.cgi?query=hover&sort=score&whence=0他所でまとめ記事を書きましたので、そちらを貼っておきます。
No.2 2006/03/05 17:16
名：レインボー
Newのり太様、ありがとうございます。お教えくださいましたぺーじよりを参考にして設定を試みました。「スタイルシートマネージャーを開く→追加ボタンをクリック→「クラスのスタイルを設定」を選択→クラス名に A.test:HOVER と入力→後はスタイルシートマネージャーを使い、好きなスタイルを設定します。→リンクの挿入を行います」書かれてる内容とおりにと試してみたものの、クラス名に A.test:HOVER と入力すると無効な文字列とでて設定できません。.test:hoverとしてもうまくできず・・(＞＜)<A href="***.htm" tar...
全文 ﾒﾝﾃ
No.4 2006/03/05 17:48
名：レインボー
すみません、再度失礼します。oioiooi様のご指摘どおり、全角にしてしまいました(^_^;)。再度設定しなおしてみたところまたわからないことが・・。説明下手な上理解力が不足してご面倒おかけしましてすみません。宜しくお願いします
No.5 2006/03/08 09:31
名：Newのり太
<style type="text/css"><!--/*通常のリンク*/a{background-color: white;text-decoration: none;border: 1px solid black;width: 100px;height: 16px;text-align: center;}a:hover{background-color: #ffff80;border: 1px solid gray;}/*クラスtestのリンク*/a.test{何が: どないやねん; /*好きなスタイルを設定*/}a.test:hover{border-style: none;color: black;background-color: #f8d05a;｝--></style><!-- 中略 --><p><a href="#">LINK</a></p><p><a ...
全文 ﾒﾝﾃ
No.6 2006/03/06 02:07
名：レインボー
Newのり太様！！ありがとうございます！！できました。とても助かりました。リンクを個別にスタイル設定したい場合はaも、a:hoverと同じクラス名に指定すればよいのですね。aを変更する場合クラス指定 a.○○ で設定それで、a:hoverも変更する場合は、クラスにa.○○:hoverと指定リンクする場合は<a href="#" class="○○">LINK</a>とする○○は任意の文字でクラスのaとa:hoverと同じ半角英数文字で良いのですよね？おおっ！！感激です。本当にどうもありがとうございました。これまで悩んでたことがわ...
全文 ﾒﾝﾃ
No.7 2006/03/06 00:09
名：Newのり太
細かいことですが、キカイというものは、書式を間違えたりするととたんに反応しなくなったりしますのでご注意を。> aも、a hoverと同じクラス名に指定すればよいのですね。 ← a:hover> aを変更する場合> クラス指定 .a.○○ で設定 ← a.○○> それで、a hoverも変更する場合は、 ← a:hover> クラスに> .a○○:hoverと指定 ←a.○○:hover
掲示板に戻る