FC2のブログでブログ内リンクをつけようとして、ここ何日かいじり回していました。
あちらでは全体のデザインをシンプルにまとめているので、まずアイコンに使う画像を探すところから始め、サイズや色合いを変更するところまではすんなりできました。
そしてアイコン貼付のところで、ん~何か違う…になってしまい、そこからドツボにはまり込んでいきました…。
HTMLタグに対しては全くの素人の記録です。
本文にアイコンを貼り付けてから記事をつけると、見た目が間抜けている。
それだったらと、テーブルを利用して配置してみたら、ピクセル単位でのアイコンのずれがどーしても気になる。
どうすればいいの~
と調べても最初は alignしかでなくて、他に無いの?と色々検索したらposition: absoluteが出てきました。
<img src="ファイル名" style="position:absolute;left:100px;top:100px;">
これにリンクをつけてみる。
<a href="リンク先"><img style="position: absolute; left: 100px; top: 100px" alt="" src="ファイル名 " /></a>
オンマウスで説明をつけたら分かりやすいよねと思って…
<a href="リンク先"><img style="position: absolute; left: 100px; top: 100px" alt="" src="ファイル名"" alt="" title="説明"/></a>
……説明が、つかない。 何故だ

タグを理解している人には笑える初歩的なミスですが、どうしてそうなったのか分からないまま2日ほどずーっと検索し続けました。ほとんど堂々巡りです。
で、やっと答えが見つかりました。
<div style="position: absolute; left: 100px; top: 100px">
<a title="説明" href=リンク先"><img alt="" src="ファイル名" /></a>
</div>
これで、オンマウスにコメントをつけたアイコンができました(位置も自由に決めれる)
けどブログ内リンクをつけるのは、まだ先の話です。その前に修正するとこが多すぎる