- ベストアンサー
bloggerのブログでページにアンダーラインを件
bloggerで動くアンダーラインをCSSやHTMLで<span class="marker"></span>で囲われた部分でけアンダーラインを引かせたいがなぜな対象ページの下部にアンダーラインが表示されます。対象の画面やHTMLやCSSを添付しました。同じBloggerで作成しましたが片方はうまく動作します。対象のブログで動作させたいので、困ってます。お手数ですが原因や対処方法をご教示ください。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
CSSの設定難しいですよね・・・ 昔、HTMLをかじっていて、再びWEB作成に戻ってきたのですが、HTML5、CSSで苦戦しています。 特定のCGMの問題の場合もありますが、これはCSSの設定の可能性もあります。 アンダーラインが意図しない場所に表示される原因はいくつか考えられます。以下の点を確認してみてはいかがでしょうか。 1：CSSの優先順位 CSSのセレクタの優先順位が原因で、意図しない場所にアンダーラインが表示されることがあったりします。 例えば、特定のクラスやIDに対してtext-decoration: underline;が指定されている場合、その影響を受けることがあります。 ↓を参考に “【html/CSS】リンクaタグの下線が消えない原因と解決方法5選“ https://csshtml.work/text-decoration-none-bad/ 2：親要素の影響 親要素にtext-decoration: underline;が指定されていると、その子要素にも影響が及ぶことがありえます。 この場合、親要素にtext-decoration: none;を指定する必要があります。 ↓を参考に “ CSSで指定がないのに、勝手に text-decoration が入ってしまう症状“ https://teratail.com/questions/225193 3：HTML構造の確認 HTMLの構造が正しくない場合、意図しない場所にスタイルが適用されることがありえます。 （昔、” /> ”の閉じ忘れで、文字がなくなったりレイアウトが壊れてしまうのを発見するのに一日かけ他のを思い出しますWw） 特に、<span>タグの閉じ忘れや、他のタグとのネストが原因で問題が発生することがあえります。 ↓以下を参考に “CSSで指定がないのに、勝手に text-decoration が入ってしまう症状“ https://teratail.com/questions/225193 最後に、他のスタイルシートや外部のCSSファイルが影響している可能性もあります。全てのスタイルシートを確認し、不要なスタイルが適用されていないかも確認してみてくださいね。 “【HTML CSS】レイアウト崩れの原因と解決方法“ https://interuniversitylearning.com/archives/4980 良い方向に進みますように！ 参考になれば幸いです。
お礼