livedoor ナレッジ

フリーエリアのリンクタイトル前にアイコンを入れたいのですが・・・

　です。

フリーエリアに「お気に入りのブログ紹介」でリンクをはりました。ブログタイトルの前にアイコン（<img src=" ; width="20" height="20" border="0" alt="ic_mini01_hana2_04" hspace="5" class="pict" align="left" />）を入れたいのですが、大きさなどを調整してもどうしてもズレてしまいます。きれいに整列させるにはどうすればいいでしょうか。

またリンクさせたブログのタイトルのアンダーバーは消すことはできないのでしょうか。出来ればタイトルだけにしたいと思っています。

おわかりでしたら、是非ご指導お願いいたします。

・きれいに整列させる
おそらく、画像とテキストの中心がそろわないと言う意味だと思いますが、
align="left" の場合、画像の右側に文字が回り込み画像の上辺と文字の上辺が揃うことになります。

align="middle"

で画像と文字列の中心が揃います。

・アンダーバーを消す

<a href="URL" style="text-decoration:none">タイトル</a>

のようにすることでリンクのアンダーラインを消すことができます。
一つ一つ設定するのが面倒な場合
スタイルシートで

a.noline { text-decoration:none; }

としておけば

<a href="URL" class="noline">タイトル</a>

のように少し楽できます。

あと、蛇足ですが、
.side に text-aling:center の指定がされているので、プラグインの内容は基本センタリングされるようになっています。
そのために、div を使っておられるようですが、

<a> 要素でdiv は、基本くくれません。

全体を

<div style="text-align:left">
リンクの並び
リンクの並び
リンクの並び
</div>

のように一度指定すればよろしいです。
また、<a> は、かならず </a> でリンクを閉じて下さい。
あと
<font></font> のように中身のないタグは、結局何も指定していないのと同じです。