お品書き
書き直し中…
とりあえず、中へどうぞ
↓↓↓
スポンサーリンク

リストのマーカーが変更できなくてハマる

WEBデザイン
【覚書】listのマーカーを変更するにはを書きましたが

実はリストのマーカーが変更できなくて、かなり、ハマった(笑)




こういうやつ

ソース
<ul>
<li>りんご</li>
<li>みかん</li>
<li>こたつ</li>
<li>餅</li>
</ul>
表示
  • りんご
  • みかん
  • こたつ


list-style-type 」を指定すればマーカーを変えられるはずなのに、ど~~~してもマーカーが変わってくれない。それどころか表示もされない。




やっと分かった原因はふたつ

ひとつは前にも書いた、

※本当は<ul>や<ol>にスタイルを指定してやれば<li>には指定しなくても良いはずなのだけど、ブログのテンプレート等で<ul>・<ol>・<li>のスタイルが先に指定されてしまっているとうまく動かないっぽ(?.。?)

というやつ。

<ul>や<ol>にスタイル指定してもどうしてもダメなので、<li>に直接スタイル指定すればよい、という事で解決したことにしよう。

もうひとつは、マージン設定が必須だった・・・orz

マージンを0にしてしまうと、マーカーが欄外に出てしまって見えないだけだった(^_^;)

こうなってるのね・・・

  • りんご   
  • みかん   
  • こたつ   
  • 餅   

  • マーカーが見える位置まで右にズラしてあげる(マージンを左に儲ける)必要があるんですね・・・


    コメント