FC2ブログ
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
【--/--/--】 | スポンサー広告 | page top↑
DLリストにおいて、定義語と説明文を左右に並べて表示する方法
<dl>を使ってリストを作成すると、<dt>と<dd>は通常改行されて表示される。これを左右に並べて表示する方法。(<dt>に入る定義語が短い場合のみ有効な手法)

【通常】
DL通常


【並列に表示したとき】
DL並列

通常の通り記載し、<dl>にcompact属性を記述する。

<dl compact="compact">
  <dt>プードル</dt>
    <dd>家畜の犬の一品種。ヨーロッパの原産で、愛玩用。毛が長くカールしており、刈り込んで尾の先を丸い房状にしたり四肢に腕輪状にしたりする。</dd>
  <dt>チワワ</dt>
    <dd>家畜の犬の一品種。最も小形の犬で、体高約二〇センチ、体重〇・五~三キロ。短毛だが長毛種もあり、耳は立っている。メキシコの原産で、愛玩用。</dd>
</dl>

※<dl compact>だけでもOK。
スポンサーサイト
【2006/09/23】 | HTML/リスト | コメント(0) | page top↑
<<IE4~6だけにスタイルを適用したいとき | ホーム | リンクが貼ってある文字の色をそれぞれに指定する。>>
コメント
コメントの投稿














管理者にだけ表示を許可する

| ホーム |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。