解決済
リンクのアンダーラインがずれる
各記事下にあるコメント数部分のリンクがずれてしまうのですが何が原因でこうなったのか困っています。
参考までにブログはここです↓
数日前まではずれがなかったのですが、
スタイルシートに変更を加えたせいでしょうか？
この部分に影響を与えるような変更はしていないつもりですが。
デザインは
シーズン＞カブトムシ（３カラム）
に写真や色を変更して使っています。
●最近自分で変更を加えた箇所
・旧デザインなのでタグクラウドを正しく表示させるための記述を追加した。
・タグクラウドの文字の大きさを変更する記述を追加した。
いずれもサポートやナレッジで得たものを参考に変更しました。
分かる方がいらっしゃいましたら、ご教授お願いします。
回答(1)
1.
修正するとしたら、ページのフォント指定を変えてみてはいかがですか？デザインのカスタマイズからCSSを編集します。
<現状> font-family:verdana, arial, sans-serif;
<修正後> font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;これでどうでしょか。
フォントが原因とのご指摘とアドバイスありがとうございました。フォントは今のものが気に入っていますので、「コメント」をアルファベットの「Comments」とすることで、解決させることにしました。ありがとうございました。
コメント(8)
IE7 & Firefox3 で見させて頂いた所では
特にリンクがずれているような感じはしませんが・・・
>>1
ありがとうございます。
当方はIE6.0で見ていました。
フォントを一時的に変更してみましたら確かにずれが直りました。
フォントは元のものに慣れていましたので（英数の雰囲気が）
自分で元のものと雰囲気が近いものを勉強してみようと思います。
>>1
たまたまですがひとつ原因が分かりました。
先日タグクラウドを正しく表示させるために、デザインのカスタマイズから
トップページ、個別記事ページ、カテゴリーアーカイブ」
のそれぞれに以下のページを参考にひとつの記述を追加しました。
（記述が正しくここに反映されないのでリンクを以下に記します。）
●livedoor Blog 開発日誌
ガイド1：タグクラウド・プラグインの設定方法
http://blog.livedoor.jp/staff/archives/50812657.ht...
「月別アーカイブ」には記述を追加していませんが
これだとずれないようです。
●月別アーカイブページ（3月）
http://harugolf.livedoor.biz/archives/2009-03.html
なぜこれが原因になるのか、不勉強で解りません。
やはりフォント変更しかないのでしょうか。
template.cssはデフォルトのCSSで最近のデザインでは標準で読み込みがされています。これが直接の原因とは考えにくいのですが、確かにリンクのずれはないようです。
これから、ブログにつく様々な機能を考えるとtemplate.cssは読み込んでおいた方が無難だと思います。
http://totonica.s41.xrea.com/blog/log/eid679.html
http://adp.daa.jp/archives/000783.html
にもあるように、やはり原因は半角英数字に適用される「Verdana」が優先的に指定されていることが原因のようです。で、なおかつブラウザ側のフォント設定の影響もあるようなので、バグの発症はレアケースのようです。
BLUEPIXYさん
tani.masaruさん
大変勉強になりました。
自分でもいろいろ試してみましたが、フォントによる見え方が原因のようですね。フォントは今のが気に入っている（慣れてしまった）ので、「コメント」を「Comments」とすることで、解決させることにしました。
助かりました。ありがとうございました。
