- 文字サイズ変更
- 小
- 中
- 大
解決済
カテゴリー パンくずリスト マウスオーバーで下線をいれるには？
- 相談者：非公開
- 2016/08/25 00:24
よろしくお願い致します。
CSS入力で
a { text-decoration: none; }
a:hover { text-decoration: underline; }
を入力すると文字リンクに下線がマウスオーバーで表示されるようにはできましたが…
例えば以下のようにパンくずリストを装飾した場合に
下線をマウスオーバーで表示する方法を教えて下さい。
td.sdtext {
font-family: メイリオ;
font-size: 11px; /*テキストのサイズ*/
background: #f4f4f4; /*全体の背景色*/
padding: 4px;
border-radius: 2px;
border: 1px solid #eee; /*枠線*/
}
td.sdtext a {
text-decoration: none;
color: #444; /*テキストの色*/
display: inline-block;
margin: 0 16px;
}
ちょっと改良して試した時には、
常に下線表示はできましたがマウスオーバーができません。
よろしくご教授お願い致します。
CSS入力で
a { text-decoration: none; }
a:hover { text-decoration: underline; }
を入力すると文字リンクに下線がマウスオーバーで表示されるようにはできましたが…
例えば以下のようにパンくずリストを装飾した場合に
下線をマウスオーバーで表示する方法を教えて下さい。
td.sdtext {
font-family: メイリオ;
font-size: 11px; /*テキストのサイズ*/
background: #f4f4f4; /*全体の背景色*/
padding: 4px;
border-radius: 2px;
border: 1px solid #eee; /*枠線*/
}
td.sdtext a {
text-decoration: none;
color: #444; /*テキストの色*/
display: inline-block;
margin: 0 16px;
}
ちょっと改良して試した時には、
常に下線表示はできましたがマウスオーバーができません。
よろしくご教授お願い致します。
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2016/08/25 14:47
ECマスターズの田中です。
いただいたスタイルシートに追記する形であれば、
td.sdtext a:hover { text-decoration:………（省略）………
いただいたスタイルシートに追記する形であれば、
td.sdtext a:hover { text-decoration:………（省略）………
- 返信者：非公開（質問者）
- 2016/08/25 15:27
田中さん
ありがとうございます。
すでに記入しておりましたのはパンくず装飾をせずに下線を試す意味で記入しておりました。
質問に入力したスタイル………（省略）………
ありがとうございます。
すでに記入しておりましたのはパンくず装飾をせずに下線を試す意味で記入しておりました。
質問に入力したスタイル………（省略）………
- 返信者：非公開
- 2016/08/25 19:25
ECマスターズの田中です。
＞その記述ですと、パンくずリストには下線が現れますが、その他のリンク文字には下線が表示されなくなりました。
というのは、
………（省略）………
＞その記述ですと、パンくずリストには下線が現れますが、その他のリンク文字には下線が表示されなくなりました。
というのは、
………（省略）………
- 返信者：非公開（質問者）
- 2016/08/25 22:02
田中さん 返信ありがとうございました。
＞td.sdtext a:hover { text-decoration: underline; } を追記後、 ………（省略）………
＞td.sdtext a:hover { text-decoration: underline; } を追記後、 ………（省略）………
- 返信者：非公開
- 2016/08/26 10:43
ECマスターズの田中です。
CSSの規則には優先度があり、
指定する場所に加え、規則の詳しさによって
一番優先度の高い属性が使われます。
詳しい………（省略）………
CSSの規則には優先度があり、
指定する場所に加え、規則の詳しさによって
一番優先度の高い属性が使われます。
詳しい………（省略）………
- 返信者：非公開（質問者）
- 2016/08/26 15:04
田中さん 返信ありがとうございました。
数回にわけてのレクチャーありがとうございます。
ちょっとですが記述に対して勉強することができました。
もっ………（省略）………
数回にわけてのレクチャーありがとうございます。
ちょっとですが記述に対して勉強することができました。
もっ………（省略）………
このフォーラムへの質問は終了しました
質問を検索する