« ココログベーシックでCSS編集 | トップページ | グラナド・エスパダの世界 »

2006.03.29

マイリストの「メモ」

ココログのマイリストに待望の「メモ」タイプが増えました。
今まで「リンク」形式に無理矢理詰め込んでいたせいで、
リスト名とリスト内容との間に一行分の空白が出来てしまっていましたが、
メモタイプならそんな心配はありません。

ラベル名を入力すると表示されてしまうので空白にします。
後々の管理が面倒ですが仕方ありません。
どんどん今までのリストからコピペして表示していたら、あるところでいきなり

次の段から表示がおかしくなりました。

確認してみると、リンク形式とメモ形式ではhtml表記に微妙な違いがありました。

■リンク形式の場合
<div class="module-body">
 <ul>
  <li>
   内容
  </ul>
 </div>
</div>

■メモ形式の場合
<div class="module-content module-body typelist-plain">
 <ul class="module-list">
  <li class="module-list-item">
   <div class="typelist-note">
    内容
   </div>
  </li>
 </ul>
</div>

liタグの中に更にdivタグが入っています。
内容の最初にと書いてタグを閉じ、スタイル指定のタグを追加していたのが
表示異常の原因だったようです。
かといって、divタグも閉じてしまうと次の行との間が開いてしまうし・・・
一部デザイン修正を諦めたリストがありますが、気にしない気にしない。

|

« ココログベーシックでCSS編集 | トップページ | グラナド・エスパダの世界 »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/21898/9309650

この記事へのトラックバック一覧です: マイリストの「メモ」:

« ココログベーシックでCSS編集 | トップページ | グラナド・エスパダの世界 »