ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：smilekoko テーブル内でdlタグ使った際の空白をなくしたい
困り度：
  • すぐに回答を！
 独自の画像での枠を使ってアコーディオンメニューを作るために、
tableタグ内にdl、dt、ddタグでメニューを書きましたが、
どうしてもテーブル内の下に一行ほどの空欄が出来てしまいます。

これを解決する方法をご存知の方、教えてください。


ちなみに、ul,liタグは、テーブル内にメニューを書くには
ふさわしくない為使えません。
質問投稿日時：08/04/15 14:34
質問番号：3950829
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示

回答

 
回答者：leap_day こんにちは

ひとつだけ聞いてもいいですか？

<dl>
<dt></dt>
　<dd></dd>
</dl>

これ、中身だけ抜いてる状態でそのままの形で使っていますか？
<dd>の前に全角スペースがあるようなのですが・・・
この状態で使ってるとしたら<dt>と<dd>の間に１行スペースが開くと思うのですが？
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/04/15 20:30
回答番号：No.5
この回答へのお礼回答ありがとうございます。

<dd>の前の空白はここに書き込んだときに入りました。
また、一行スペースが空いてしまうのは、ddの下ですし、
html上でこのような状態でスペースが空くことは、
滅多にないかと思います。

回答

 
回答者：abril > cssでマージンは全て０にしてあります。
（省略）
> テーブル内に一行ほどの空欄が出来るのは、firefoxのみの場合です。

<dl>自体には他に特にスタイルは設定されていないのでしょうか？であれば<dl>の親要素から継承される何かが適切ではないのかもしれません。
もう少し詳細な情報をご提供して頂ければ原因が特定できるかもしれませんが…
種類：補足要求
どんな人：専門家
自信：参考意見
回答日時：08/04/15 18:25
回答番号：No.4
この回答へのお礼回答ありがとうございます。

dlにはjavascriptのためのid要素が入っています。

firefoxではどうしても空欄が空いてしまうようです。
そのままで解決と致しました。

回答

 
回答者：yambejp >ちなみに、ul,liタグは、テーブル内にメニューを書くには
>ふさわしくない為使えません。

その論点でいえば、dl、dt、ddでメニューを作ることはふさわしくないです。

メニューが単なるリストであるならul、liで組んだ方がよいのでは？
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/04/15 15:27
回答番号：No.3
この回答への補足回答ありがとうございます。

確かに、通常ならばふさわしくないのでしょうが、
javascriptを使ったアコーディオンメニューであること、
画像を用いたメニューの囲いであることから、
ul,liタグでは機能を発揮しません。

そういう意味での”ふさわしくない”でした。

説明不足、申し訳ありません。
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

 
回答者：abril > どうしてもテーブル内の下に一行ほどの空欄が出来てしまいます。

<dl><dt><dd>のマージンは0に初期化してありますでしょうか？初期化していないとブラウザのディフォルトのマージンが適用されてしまうので。
もし初期化してある様であれば、情報が不足しておりますので、必要最低限のHTMLとCSSを提供して下さい。
種類：補足要求
どんな人：専門家
自信：参考意見
回答日時：08/04/15 14:55
回答番号：No.1
この回答への補足回答ありがとうございます。
それから、情報不足申し訳ありません。

cssでマージンは全て０にしてあります。

htmlですが、

<dl>
<dt></dt>
　<dd></dd>
</dl>

通常にこの中に文面が画像、リンクが入っています。
それから、
どうしてもテーブル内に一行ほどの空欄が出来るのは、
firefoxのみの場合です。
この回答へのお礼この回答にお礼をつける(質問者のみ)
最新から表示｜回答順に表示
このページのトップへ