プロが教えるわが家の防犯対策術!

こんにちは。
<dl><dt><dd>タグを使った文章で、
よく、説明部分の字下げが生じないことが
あります。
今回、

<img src="5.gif" style="float:left;">
<dl>
<dt>作品例です。</dt>
<dd>こんなものを作っています。</dd>
</dl>
<br clear="left">

というコードで、<dt>と<dd>部分が
並んで表示されます。
何度か、こういうことが生じて、
非常に困っています。
なにが、原因でしょうか。

何か分かる人がいましたら、
よろしくお願いします。

A 回答 (2件)

こんにちは



<dd>にはデフォルトでmarginが設定されていますが<img>をfloatしていることによってそのmargin部分がなくなっていると思われます

<dl>にfloat:left;するとかmargin-leftやpadding-left;で画像のwidth分ずらしてやるとインデントは戻ります
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
<dl>にmarginを用いて、解決できました。
imgのfloatが原因だったようです。
本当に助かりました。
<dl>は、使いたかったのですが、
今まで、なかなか使えなかったのです。
ありがとうございました。

お礼日時:2008/02/24 11:23

cssかなにかでdtのスタイルにfloatが適用されているのでは?

    • good
    • 0
この回答へのお礼

回答ありがとうございます。
#2の方の意見も参考にして、
解決できました。
imgのfloatが原因だったようです。
ありがとうございました。

お礼日時:2008/02/24 11:20

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!