人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

下線についての質問です。

サイドバーの、最近の記事やカテゴリや月別アーカイブなど、、
本文の、コメントやリンクという文字などの下についている下線をなくしてスッキリしたいです。よろしくお願いします。

●質問者: rika47
●カテゴリ:はてなの使い方
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● うぃんど
ベストアンサー

アンダーラインを消したいだけならスタイルシートの最後に一行追加

a { text-decoration: none; }

普段はアンダーライン無しで、
マウスが乗っかったらアンダーラインが出るようにしたいなら二行追加

a { text-decoration: none; }
a:hover { text-decoration: underline; }

※アンダーライン無しは使いにくいかもしれないよ


rika47さんのコメント
うぃんどさま 早速のご回答ありがとうございました。 おかげさまで、すっきりと見やすくなりました(^^)

rika47さんのコメント
すいません、もうひとつ聞いてもいいですか? 本文の最後にくるリンク・コメントの文字と、本文との間にもう少しゆとりがほしいのですが、お分かりでしたら教えていただけるとうれしいです。

うぃんどさんのコメント
現状は上下5px、左右 15pxのマージンになっていますね。 例を4パターンほど出しておきます。 数値は適当なのでお好みの数値にしてくださいね。 上下左右15px >|css| p.sectionfooter { margin: 15px; } ||< 上下10px、左右15px >|css| p.sectionfooter { margin: 10px 15px; } ||< 上10px、左右15px、下5px >|css| p.sectionfooter { margin: 10px 15px 5px; } ||< 上10px、右15px、下5px、左8px >|css| p.sectionfooter { margin: 10px 15px 5px 8px; } ||<

うぃんどさんのコメント
4パターン出したけど、 単純に上だけ指定するほうが楽かも…。 >|css| p.sectionfooter { margin-top: 10px; } ||< その他 下だけ変更 margin-bottom 左だけ変更 margin-left 右だけ変更 margin-right

rika47さんのコメント
ありがとうございます(^^) 一番上にあるのを試してみたんですが、変化がなくて・・。 これも、スタイルシートに追加したらいいのですよね?

うぃんどさんのコメント
1つ抜けてました。ごめんなさい。 >|css| div.section p.sectionfooter { margin-top: 100px; } ||<

rika47さんのコメント
できました! 長い時間おつきあいくださり、 本当にありがとうございました。 助かりました(^^)
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ