html、cssの質問です。
<dl>
<dt>---</dt>
<dd>----</dd>
<dd>----</dd>
</dl>
でメニューを作っています。
「---」の部分にはテキストを入れ込み、ブロック表示でテキストを飛ばし
背景に画像を表示させています。
サーバーにあげて仕上がりをみると、IE6とFirefoxで<dd>の隙間が異なり
見え方が微妙にかわってしまいます。
至る所にマージン0などを適応させましたが効果がありません。
どなたかハックなどの解決方法をご存知でしょうか。
ちなみに<dl><dd>の代わりに<ul><li>を使用しても
同じ結果でした。
No.1ベストアンサー
- 回答日時:
> ブロック表示でテキストを飛ばし
という言い回しが聞き慣れないので、いまいち実際のイメージがつかめませんが、隙間、というキーワードだけに着目すればmargin/padding/line-heightあたりのプロパティが怪しいですね。「至る所にマージン0などを適応させましたが効果がありません」とのことですが、他の2つの値と継承状態はどうなっていますか?特に、line-heightの影響が忘れられがちですので、そこは調整されましたでしょうか?もしも、該当の<dt>と<dd>内に実際に表示させたい要素が画像だけならば、line-heightの値を"0"にする(CSS文法チェッカーにかけるとNGなのですが…やむを得ず使用する場合も)ことで隙間をなくせたりします。後はHTML側の改行コードの解釈もありますので、タグとタグの間の改行コードを削除するなりコメントタグで改行コード部分を隠すなりしてみると、結果が変わる事があります。
こういった方法を試してみて解決しない様であれば、それ以上のことは実際の HTML とCSSのある程度のソースを見なければわからないですね。
> ハックなどの解決方法
おそらく、hackを使用するまでもないかと思います。ソースがわからないので断定はしませんが。
お探しの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に画像を直接保存 2 2022/06/05 11:50
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- Access(アクセス) エクセルのVBAについて教えてください。 4 2023/01/21 10:21
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/01/23 11:02
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/01/23 09:24
- Access(アクセス) Accessのデータ型の日付/時刻型について 1 2023/04/02 17:03
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 2 2023/01/23 17:13
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 2 2023/05/23 16:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストエリア内の改行禁止
-
長いURLを途中で改行(折り返す...
-
文字の最後に半角空白が勝手に...
-
改行できる・できない入力ボッ...
-
テーブルの幅を固定するとnowra...
-
アコーディオン仕様の中の ul l...
-
\\n \\r \\t について
-
<br>で改行しても一行あいてし...
-
Windowsのformでtextareaに入力...
-
「:」について
-
XMLの改行方法とリンクの仕方
-
preタグがプロの現場であまり使...
-
<PRE>~</PRE>の最後を改行しない
-
エクセルVBA テーブルのフィー...
-
リンクの範囲がおかしい?
-
html上で改行するとスペースが...
-
ブラウザでのタイ語の改行について
-
<br style="clear:both;">って...
-
htmlで文字列をクリップボード...
-
CSS中で,/*と*/で囲まれた範囲...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テキストエリア内の改行禁止
-
H1タグに改行の<br>を使う
-
テーブルのセルデータを自動改...
-
長いURLを途中で改行(折り返す...
-
テーブルの幅を固定するとnowra...
-
改行できる・できない入力ボッ...
-
\\n \\r \\t について
-
テーブル内の文字列を改行させたい
-
preタグがプロの現場であまり使...
-
テキストエリア内の改行もその...
-
「:」について
-
PCの画面を縮小したらサイズ...
-
htmlで文字列をクリップボード...
-
<br />タグの、brの後の半角ス...
-
<TD><input type="text"></TD>...
-
XMLの改行方法とリンクの仕方
-
html上で改行するとスペースが...
-
<br style="clear:both;">って...
-
mailtoで本文に改行を入れたい
-
文章改行で出来る半角スペース...
おすすめ情報