• 締切済み

ネットスケープでの箇条書き(dl)の見え方

dlで箇条書きの形式でhtmlで書いてみました。 IEだと問題ないのですが、NNだと<dd>と</dd>の間に書いた文章の上にかなりなスペースが出来てしまうのです。見易さのためにこういう表示になってるのかもしれませんが、私はIEのように行間を統一させて表示させたいのです。 NNでそのように表示するには(行間を15ptで統一しています)どうしたら良いでしょうか?解決策はありますでしょうか? お暇なときにでも教えてください。お願いいたします。

  • bb22
  • お礼率40% (87/217)
  • HTML
  • 回答数2
  • ありがとう数2

みんなの回答

noname#199778
noname#199778
回答No.2

<dl>の後とか、<dd>の前など、タグで囲まれる部分の外に全角スペースが入っているということはありませんか? <dd>の前にインデントとしてスペースをとったつもりが、全角スペースを入れていて、それがタグ外に押しやられてスペーサーになっているということも考えられなくもないと思います。 IEの場合は、全角スペースでインデントをとっていても無視してくれるようですが、Netscapeの場合は全角スペースでインデントをとると、それも表示するべき文字と判断して表示してしまうようです。 この当たりもチェックしてみると良いと思います。 見当違いでしたら、ごめんなさい。

bb22
質問者

お礼

解決いたしました。 <dt>や<dd>の後に</dt>や</dd>を付けなくてもいいらしいと書いてるのを見つけて、試しに略してみました。そうしたら何故か問題解決いたしました。後につけてた</dt>や</dd>の分だけ一行空いてたようです。申し訳ありません。今度からもっときちんと調べてから質問するようにします。 lead1976さんの答えは、当たってたようです。 有難うございました。

  • F-14
  • ベストアンサー率45% (50/110)
回答No.1

はて? dd 要素でネスケとIEでそんなに表示に差が有ったかなぁ? と思ってちょっと確認してみました。(ちなみに、ネスケはどのバージョンをお使いですか?) <dl> <dt>第一の項目</dt> <dd>説明その1―なんたらかんたら</dd> <dt>第二の項目</dt> <dd>説明その2―なんたらかんたら</dd> </dl> 例えば上記をネスケの 4.78 及び 7.1 で表示させてみましたが、当方ではお書きになっているようなスペースは出来ません。 従って、ネスケのdd要素の実装の問題とは思えません。 >行間を15ptで統一しています 具体的にはどのように記述されていますか? スタイルシートで line-height を使って行間を開けておられるのでしょうか? 差し支えなければ、ソースを見せて頂ければ何か分かるかもしれません。

bb22
質問者

お礼

解決いたしました。 <dt>や<dd>の後に</dt>や</dd>を付けなくてもいいらしいと書いてるのを見つけて、試しに略してみました。そうしたら何故か問題解決いたしました。後につけてた</dt>や</dd>の分だけ一行空いてたようです。申し訳ありません。今度からもっときちんと調べてから質問するようにします。

関連するQ&A

  • DL,DT,DDタグについて

    HTMLのタグで"DL"(定義リスト)、"DT"(定義される用語)、"DD"(定義の内容)というのがあるのですが、実際どういう使い方をするのでしょうか。 表示をみると単なる見出しと箇条書きって感じなんですが、特別な意味があるのでしょうか? ご存知の方、教えていただけますか<m(__)m>

    • ベストアンサー
    • HTML
  • WORD 箇条書き

    下記の文章を箇条書きにし、きれいにレイアウトしたいのですが、 できずに困っています。 (文) 日にち 11月4日(土) 時間 集合9:00 第1試合開始 10:00 場所 河川敷グランド 試合形式 各部対抗トーナメント方式 上記の文章をきれいに揃えたいのです。 「箇条書き」でやっても揃わなく、ただ文章全体が6字文くらい右に 移動するだけです。 日にち、時間、場所、試合形式は「均等割り付け」で何とか揃えられたのですが、 そのあとの文章が揃えられません。 スペースを使わずに揃えたいです。 よろしくお願いします。

  • ネットスケープで見ると画像が表示されない。

    こんにちわ。 自分のHPなんですが、ネットスケープで見ると画像が表示されないんです。 普段は、IEを使用しているため、NNの使用法がイマイチよくわからず、ヘルプを参照しながら、詳細設定で画像の自動読み込みにはちゃんとチェックが入っていることは確認しました。 ほかにNNで画像が表示されない理由はありますでしょうか? ブラウザの設定の問題ではなく、HTMLの書き方がダメとか、そういう理由なのでしょうか? ちなみに、妹のPCで確認してもらったところ、やはりNNでは画像が表示されませんでした。 私のNNも妹のも、バージョンは4です。 お時間あれば教えて下さい。 よろしくお願い致します。

  • Excel ⇒Word コピペ、箇条書きは可能?

    エクセルで、200項目くらい、番号+文章の形式で、箇条書きにしたデータがあります。 1列目に番号、2列目に文章 という形です。 Wordに移したいのですが、通常のWordの箇条書き形式を用いたいのです。 うまくできる方法はありますでしょうか? 表ごと貼り付け、というのもあるでしょうが、Wordの方で、2段組みで、ずらっと表示したいので、この場合、ちょっと不適切だと思います。 箇条書き形式でないと、2行目になったときに、番号の下に2行目の文章が入ってきてしまうので、これを避けたいです。 よろしくお願いします。

  • BRのCSSをつかって行間を統一

    HTMLのBRを使用して改行を行っていますが、 FireFoxとIEとで行間が違ってきてしまいます。 行間をそろえるためにline-heightで統一したいのですが、 BRのCSSをつかって行間を統一することは可能でしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • DLしたら・・・・

    小さいファイルをDLするだけなら問題ないのですが なぜかオンラインゲームのような大きなファイルをDLすると途中で 「IEでは~をDLできません。サーバーとの接続がリセットされました。」 と表示されDLすることがどうしてもできません。 オンラインゲームを起動するにわまずパッチをあて(?)ますよね? その時も必ず止まって先に進まないんです。 一体何が原因なんでしょうか? 解決策の方至急お願いします;

  • HTMLタグのDL DT DDを使ってliやulの代わり

    HTMLタグのDL DT DDを使ってliやulの代わりをしようとしていますが、 liの list-style-image: url("test.gif"); がDL DT DDで表現できません。 違った方法で表示できるのでしょうか? それとも不可能なのでしょうか?

    • ベストアンサー
    • HTML
  • PowerPoint 2010 箇条書き

    オフィスソフト「PowerPoint 2010」の箇条書きについて 箇条書きで、以下の文章を書きたいとします。 1.私は、OKWaveを利用して、   問題解決をしています。 この時、”利用して”の後に改行(Enter)すると、”問題解決~”の前に2.と表示されてしまいます。 Backspaceで2.を削除すると以下のようになってしまいます。”問題解決~”と”私は~”のインデントがあっていません。 1.私は、OKWaveを利用して、 問題解決をしています。 インデントを合わせる方法は、スペースを利用するしかありませんか? よろしくお願いします。

  • <dl><dt>タグ使用時、インデントが生じない

    こんにちは。 <dl><dt><dd>タグを使った文章で、 よく、説明部分の字下げが生じないことが あります。 今回、 <img src="5.gif" style="float:left;"> <dl> <dt>作品例です。</dt> <dd>こんなものを作っています。</dd> </dl> <br clear="left"> というコードで、<dt>と<dd>部分が 並んで表示されます。 何度か、こういうことが生じて、 非常に困っています。 なにが、原因でしょうか。 何か分かる人がいましたら、 よろしくお願いします。

    • ベストアンサー
    • HTML
  • メール本文の空いた行を詰める

    WORD2003ですと、書式から入って、行間を最小値にし、間隔を0ptにすると、1行空きの文章が詰まりますが、Outlook2003のメール本文で、空いた行を詰めるやり方がわかりません。 1行空きで受信した、テキスト形式及びHTML形式のメール本文を、WORDのような操作で詰めるには、メール画面のどこをクリックしたらよいのですか?