Quick one regarding <dd> list styles

[cantfindausername]

I have been trawling the net but haven't found a confirmed answer to my question.

Can I put a bullet point "list style" on my <dd> list items??

Many thanks,
Anthony

 

[ca8msm]

I don't think you can use the "list-style-type" if that's what you were thinking, but you could probably replicate the look by using a background image.


-------------------------------------------------------

Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]
[URL unfurl="true"]http://mdssolutions.co.uk[/url] - Delivering professional ASP.NET solutions
[URL unfurl="true"]http://weblogs.asp.net/marksmith[/url]

 

[cantfindausername]

Thanks ca8msm, would that be a property that I put in a dd class?

 

[ca8msm]

You would apply it like you would to any other element (i.e. through the style, a class or by identifying the element by id or type).


-------------------------------------------------------

Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]
[URL unfurl="true"]http://mdssolutions.co.uk[/url] - Delivering professional ASP.NET solutions
[URL unfurl="true"]http://weblogs.asp.net/marksmith[/url]

 

[jstreich]

dd must appear in a dl and thus is a valid list, and the list-style _should_ apply, but the issue is that browsers vary on rendering because they aren't very widely used...

What are you using them for?

[plug=shameless]

http://game-master.us/phpx-3.4.0/

[/plug]

 

[cantfindausername]

I couldn't get the list style to apply on IE6 or FF(2.0.0.11)

The solution I used was...

CSS
.bullet dd {
font:14px Verdana;
color:#000000;
text-decoration:none;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .25em;
padding: 0 0 0 10px;
}

HTML
<dl class="bullet">
<dt>Testing &amp; Commissioning includes...</dt>
<dd>Flash Testing.</dd>
<dd>Meggar Testing.</dd>
<dd>Ductor Testing of Joints.</dd>