« WindowsXP on Intel Mac | メイン | 意味わからないから »

2006年04月07日

スタイルシートちょっと変更

画像を左に置くときのレイアウトに関して、スタイルシートを少し変更(追加)しました。見え方がおかしい場合、一度リロードしてみてください。

<img align="left"> な状態のときに <ul><li>~</li></ul> な感じのリスト表示を使うと ● 印が画像にめり込んでしまっていたものの修正です。例えばこんな感じですね。

PB190020.jpg

  • 煮凍り
  • 皮酢
  • 白子とうふ
  • 刺身(中)
  • タタキ
  • 茶碗蒸し
  • ちり鍋
のような感じで、リストの ● 印などがめり込んでしまっていたのを、
PB190024.jpg
  • 煮凍り
  • 皮酢
  • 白子とうふ
  • 刺身(中)
  • タタキ
  • 茶碗蒸し
  • ちり鍋
のような感じにするものです。一個前のエントリ WindowsXP on Intel Mac ではこれを使っています。今までやろうとしていてなかなかうまい方法が無く、リストは画像に重ねないようにしていました。

あまりスタイルシートや html に詳しくないので、もっとスマートな方法があるとも思います。しかし、img に対してリスト表示をしたいことってあると思うんですが、このめり込みってなんで発生しちゃうんでしょうね。


投稿者 napier : 2006年04月07日 01:01


トラックバック

このエントリーのトラックバックURL:
http://will.squares.net/mt/mt-modified-tb.cgi/351