floatとulの重なり

[新着] Webテンプレートを仮オープンしました

0   名前： stinky ： 2005/12/26 16:13
こんにちは。

CSSで、float指定したimgなどと一緒にulなどのリストを使用すると、
リストのマークだけが画像と重なってしまいます。ulなどにdisplayを
指定すると解消されるのですが、リストが行ごとに分割されてしまい、
あまり上手い解決法ではないみたいです。

対処方法はありますか？position指定などよく分からないのですが、
それを使えば回避できるかなとも思います。
1   名前： 匿名希望 ： 2005/12/26 16:13
＞ulなどにdisplayを指定すると解消されるのですが、リストが行ごとに分割されてしまい、あまり上手い解決法ではないみたいです。
＞サンプル：　http://pcnote.fc2web.com/
Firefoxで見ると全て崩れてしまってるので、解決策になってないようです。

imgにmargin-right:1em;を適用させれば良いと思います。
2   名前： stinky ： 2005/12/26 16:13
早速の回答ありがとうございます。

あれー、marginでできちゃうんですね・・・。
今までもmarginは試したのですが、10pxとか小さい値だったので、
見た目が変わらなかっただけみたいでした。
これだと、リスト指定じゃない<p>などに空白ができてしまいますが、
仕方ないですね・・・。

有難うございました。
一覧へ戻る