2014.10.14 Tuesday
前々から気になっては居たけれど、あまり使わないので放置していたというものがありまして、それが、タイトルで書いた、「リストがインデントされてない」という件です。↓こんな風になっています。
本文よりもさらに左側から行が始まってしまいます。入力時のエディタではちゃんとインデントされて表示されているので、記事を投稿してから確認してみて、ええっ W(゚O゚)W と思うのですが、あとの祭です。
しかも、編集モードにして、リストの部分を選択してインデントしても、無効なのです。
このたび、ちょっとたくさんリストを使ってしまったこともあり、修正することにしました。
修正するのは、CSSファイル。JUGEMは、CSSファイルを自由に編集することができるので、自分で修正できるわけです。
もともとのテンプレートではこうなっていました。
これは、番号の付かないリストの定義です。そして、番号の付くリストの定義である ol タグについては指定がありませんでした。そこで、この部分をこうしました。
これで、リスト部分の表示は、ほぼ自分のイメージ通りとなりました。
ついでに、blockquote の方もいじっておきました。
@DIARYをいじるのも大体終わったので、そろそろこちらに手を入れようかな〜
本文よりもさらに左側から行が始まってしまいます。入力時のエディタではちゃんとインデントされて表示されているので、記事を投稿してから確認してみて、ええっ W(゚O゚)W と思うのですが、あとの祭です。
しかも、編集モードにして、リストの部分を選択してインデントしても、無効なのです。
このたび、ちょっとたくさんリストを使ってしまったこともあり、修正することにしました。
修正するのは、CSSファイル。JUGEMは、CSSファイルを自由に編集することができるので、自分で修正できるわけです。
もともとのテンプレートではこうなっていました。
ul {
margin: 0px 0px 0px 15px;
padding: 0px;
}
これは、番号の付かないリストの定義です。そして、番号の付くリストの定義である ol タグについては指定がありませんでした。そこで、この部分をこうしました。
ul {
margin: 15px 0px 15px 50px;
padding: 0px;
}
ol {
margin: 15px 0px 15px 50px;
padding: 0px;
}
これで、リスト部分の表示は、ほぼ自分のイメージ通りとなりました。
ついでに、blockquote の方もいじっておきました。
@DIARYをいじるのも大体終わったので、そろそろこちらに手を入れようかな〜