こんにちは。
<dl><dt><dd>タグを使った文章で、
よく、説明部分の字下げが生じないことが
あります。
今回、
<img src="5.gif" style="float:left;">
<dl>
<dt>作品例です。</dt>
<dd>こんなものを作っています。</dd>
</dl>
<br clear="left">
というコードで、<dt>と<dd>部分が
並んで表示されます。
何度か、こういうことが生じて、
非常に困っています。
なにが、原因でしょうか。
何か分かる人がいましたら、
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
こんにちは
<dd>にはデフォルトでmarginが設定されていますが<img>をfloatしていることによってそのmargin部分がなくなっていると思われます
<dl>にfloat:left;するとかmargin-leftやpadding-left;で画像のwidth分ずらしてやるとインデントは戻ります
回答ありがとうございます。
<dl>にmarginを用いて、解決できました。
imgのfloatが原因だったようです。
本当に助かりました。
<dl>は、使いたかったのですが、
今まで、なかなか使えなかったのです。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- 数学 dl と 、 Δl はどのように違いますか? 2 2022/11/30 15:48
- 物理学 レイノルズ数の導出においての疑問 1 2023/04/16 15:59
- 数学 x=r・cosθの2回微分 θ=ωtとすると? 5 2022/05/10 23:53
- その他(プログラミング・Web制作) 物理の斜方投射で目盛りに数値を入れたい 2 2023/05/27 06:32
- 物理学 相対論的運動方程式 1 2022/07/04 06:20
- Access(アクセス) エクセルのVBAについて教えてください。 4 2023/01/21 10:21
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウンの選択リストの中に...
-
ボタンをセル内一杯に表示させ...
-
画像とテーブルの隙間をなくす。
-
htmlで画像を2個ずつ並べていき...
-
XML画像データををHTMLで簡単に...
-
footerの背景が切れて、背景画...
-
ホームページの一番下に配置し...
-
cssで、チェックボックスの画像...
-
XSL変換したが画像が表示できま...
-
レスポンシブ対応のHTML・CSS(...
-
チェックボックスの影
-
写真とキャプションを横並びに...
-
画像のサイズが変わらない
-
機種依存文字、m2(平方メート...
-
リンクをつけた画像をクリック...
-
htmlの文字が縦書きになる
-
div要素が重なってします
-
htmlのolやulなどlistにtitleや...
-
CSSのクラス名・ID名の指定でワ...
-
初心者html・CSS ウィンドウを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リンクを知らせる手のマークが...
-
ボタンをセル内一杯に表示させ...
-
UDP通信を使うチャットプログラ...
-
画像をクリックして元に戻すには
-
HTMLタグのDL DT DDを使ってli...
-
画像の場合のみ、下線を消す方...
-
画像のサイズが変わらない
-
htmlで画像を2個ずつ並べていき...
-
XML画像データををHTMLで簡単に...
-
プルダウンの選択リストの中に...
-
HTMLのIMAGEに。。
-
Javascriptで画像の大きさを%指...
-
inputタグでサーバにデータを送...
-
リンク画像のマウスオーバー時...
-
水面の波紋
-
cssでrowの中で高さの違う左右...
-
ポップアップウィンドウのサイ...
-
同一URLの連続アクセス方法
-
ホームページタグ打ち。サイズ...
-
画像を縦に並べたら隙間ができ...
おすすめ情報