定義型リストについて
-
0 名前： ひな ： 2005/12/09 23:35
- 定義型リストを作ってるんですが、<DT>〜</DT>の文章が長すぎると、
<DD>〜</DD>の文章が改行されてしまいます。
どうすれば<DT>〜</DT>の字数を増やしても<DD>〜</DD>の文章は改行されなくなるんでしょうか？
どなたか判る方、教えてください；
今の状況は↓
○月×日
★★★更新
☆☆☆追加
(★と☆が揃っています)
表示させたいのは↓
○月×日 ★★★更新
☆☆☆追加
(★と☆が揃うように)
よろしくお願いします。
-
1 名前： Bill閣下 ： 2005/12/09 23:35
- どういう状況かいまいち想像がつかないのですが、
(HTMLのcompact属性を指定しているのかCSSのfloatを使っているのか、などなど。)
DTが2連続で出現しないとして、
DTをCSSのposition:relativeかネガティブマージンで下にずらして、
そしてDTとDDが重ならないようにDDの左余白やDTの幅を調節してあげれば
よいんじゃないかなぁと思います。
dt {
display: block;
line-height: 1.5;
width: 6em;
margin-bottom: -1.4em;
padding-bottom: 0;
}
dd {
line-height: 1.3;
margin-left: 7em;
padding-left: 0;
}
-
2 名前： ひな ： 2005/12/09 23:35
- COMPACTの方です。
どうすればいいのか、よく判りません･･･
すみません、初心者なもので･･･
-
3 名前： Bill閣下 ： 2005/12/09 23:35
- 初心者の方に申し訳ないことをしてしまいました。
>>1はHTMLをきちんと使える人でないと使えない方法なので、忘れてください。
代わりの方法を提示します。表にしてみてはどうでしょうか？
<table summary="更新履歴の表。1列目は更新日で、2列目はその時の更新の内容。">
<tbody>
<tr>
<th scope="row">12月9日</th>
<td>★★★更新<br>☆☆☆追加</td>
</tr>
</tbody>
</table>
テーブル -- ごく簡単なHTMLの説明
http://www.kanzaki.com/docs/html/htminfo16.html
テーブルとアクセシビリティ -- ごく簡単なHTMLの説明
http://www.kanzaki.com/docs/html/tbl-access.html
Tables in HTML documents (ja)
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/tables.html
-
4 名前： S ： 2005/12/09 23:35
- 初心者を言い訳にしてはだめよ。
勉強しなさい。
まずは下記から。
「はじめの一歩」
http://www.ippo.ne.jp/
「bakera.jp」（HTMLの基礎）
http://bakera.jp/
-
5 名前： ひな ： 2005/12/09 23:35
- 言い訳･･･にしたつもりではなかったのですが、勉強します。
すみません。次文で探したり、努力はしているのですがいまいちわからなくて･･･
表なら作れると思います。ありがとうございました。
