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

HTMLタグのDL DT DDを使ってliやulの代わりをしようとしていますが、
liの
list-style-image: url("test.gif");
がDL DT DDで表現できません。

違った方法で表示できるのでしょうか？

それとも不可能なのでしょうか？

No.5 ベストアンサー 回答者： noname#66720 回答日時： 2008/05/29 17:57

できると思いますよ。

その場合、line-heightを消して画像の高さを一緒にしてやる方が良いかも知れません。

No.4 回答者： noname#66720 回答日時： 2008/05/23 21:20

<style type="text/css">

dt {
float:left;
}
dd {
line-height:100px; /* 画像の高さ */
}
</style>

<dl>
<dt><img src="" alt=""></dt>
<dd>テキスト</dd>
</dl>

こんな感じですか？
dl要素の特性上、imgにaltは必須になると思いますが。

この回答への補足

ご解答ありがとうございます。

表示させたいデザインは、


Liタグでいうと、
・テキスト1
・テキスト2
・テキスト3
の
・の代わりが[画像]
テキスト1の代わりが[画像1]
になるので、

[画像][テキスト1]
[画像][テキスト2]
[画像][テキスト3]
ではなく
[画像][画像1]
[画像][画像2]
[画像][画像3]
というかたちにしたいのですが、可能でしょうか?

補足日時：2008/05/26 09:33

No.3 回答者： kuzumiHK 回答日時： 2008/05/23 20:06

何に使用するのかは別として、

例えば、

<dl>
<dt>日付</dt><dd>更新内容</dd>
<dt>日付</dt><dd>更新内容</dd>
</dl>

というような使い方をすると仮定して、

dt{
background: url("image/list.gif") 0% 0%;
padding: 0 0 0 20px;
}

といった感じにbackgroundで位置指定をすれば代用可能ですが、
ブラウザごとの挙動などを確認する必要はあると思います。

No.2 回答者： yambejp 回答日時： 2008/05/23 16:18

ULとDLだと構造上、まったく用途が違いますね

意味の定義ではないならDLを使うのはNGです。

No.1 回答者： SAYKA 回答日時： 2008/05/23 16:17

理由は単純で

dt あるいは dd が display:list-item になってないから。



じゃないの？
list-style-imageが使用可能な条件をよく確認したらどうかな