ほんと、ごめんなさい^^;
前置きが長いね、文章力に自信の無い証拠ですよ(笑)
でも今回は、シンプルに手短に解説するので、ご安心を☆
今回のアイデアは、アイコンで(こんなの→
というものです。
ふだん、「line-height」属性で、行の幅をある程度あけてると思うけど、
ふつうのテキストならOKでも、
リンクをタテに並べると、ちょっと窮屈な感じがしません?
こんな感じに。
リンク1
リンク2
リンク3
リンク4
下線がついちゃうからねー。
下線を消せば、解決するじゃんって思う人もいるかもしれないけど、
わたし的には、こういった設定は、あんまりいじりたくないっす。
メインメニューとか、見せるメニュー以外ではね。
やっぱりデフォルトのままのほうが、見るひとは見やすいだろうし。
それなら、そこだけ、「line-height」属性いじっちゃえば?
・・・・はい、まったくもってそのとおりっす(笑)
でもー、あんまり「line-height」属性のような、基本的な属性を、
部分的にいじることは、したくないんですよね。(なんかわがままに聞こえるなぁ)
だから、
この方法は、アイコン画像の縦幅をテキストサイズよりちょっと大きく設定しておく、というものです。
うちの
これをつかうと、
ほら、さっきより間隔が広くなってるでしょっ。
アイコンがアイキャッチしてくれて、一石二鳥!
これで、リンクが並ぶところだけ、
その間隔を調節できるようになるので、「line-height」属性いじるより、わたしは好きだな♪
ちょっと、力技って感じもするけど(笑)
アイコン画像には、
align="absmiddle"を入れるのを忘れずにねっ!(わかんなかったらソース見てね、きたないけども)


