2006年04月19日

スタイルシートで修正

このブログの構造をスタイルシートで修正しました。同様の修正をする人の参考になれば...。
(このブログはムーバブルタイプ3.171-jaです。)今回修正できたのは


【1:上部カテゴリナビゲーション】

この部分はスタイルシートでテーブルタグで構成したように見せています。そのスタイルシートは単語間に間隔をあける「word-spacing」という要素でした。これまでこの「word-spacing」はマックのブラウザsafariでは読み込まれず文字間隔がなくなり単語がくっついていました。

今回この部分をリスト要素の「ul」「li」を使って修正しsafariでも正常に表示されるようになりました。
このブログのソースをみれば分かります。

スタイルシートに関してはカテゴリナビゲーション部分は「div calss="cate"」とし以下の要素を追加しました。あくまでこのブログの現在のデザインの設定です。具体的な数字や色などは変更してください。(濃い文字部分は必須でした)

.cate a {
color: #6d7fc8;
text-decoration:underline;
padding: 4px 18px 4px 18px;

.cate ul {
margin: 0px;
padding: 0px;
list-style-type: none

}

わかりにくいかもしれませんが、もしテーブルタグを使わずカテゴリナビゲーション表現をしようと思っている人には参考になるかもしれません。


【2:本日の記事タイトルが最近の記事にも表示されてしまう点】

このブログは本日の記事が表示してあるすぐ下に「最近の記事」がリスト表示されていますが、これまで最近の記事に本日の記事タイトルまで表示されていました。これだと同じことの2重表現になるので修正しました。

最近の記事(30個)のタグ

「MTEntries lastn="30"」に「offset="1"」を追加し
「MTEntries lastn="30" offset="1"」にすることで

本日の記事を除く最近の記事30個が表示されます。

ちょっと分かりにくいかもしれませんが、ムーバブルタイプでブログを作っている人で同様の修正をしたい人の参考になるかも?