Printable View
I have an html <dl> list, where each list item is a second <dl>. What I want is for the outer <dl> to use a .gif as it's list-style-image, and the inner to have list-style: none. So I set up two different class identifiers in my .css file and applied them to the lists, however, the inner <dl> is also displaying the .gif. I assume the outer <dl> is cascading onto the inner, despite specifically being assigned to a different class.
Is there a way round this?
Here's a sample using LI tags, controlling the type of bullet markers used. I guess DL tags have a similar control(?)
If this doesn't help, post some of your HTML and CSS.Code:<html>
<head>
<title>Blah</title>
<style type="text/css">
ul.square { list-style-type:square; }
ul.decimal { list-style-type:decimal;}
ul.none { list-style-type:none; }
</style>
</head>
<body>
<ul class=square>
<li>Item one</li>
<ul class=decimal>
<li>Sub Item</li>
<li>Sub Item</li>
</ul>
<li>Item two</li>
<ul class=none>
<li>Sub Item</li>
<li>Sub Item</li>
</ul>
</ul>
</body>
</html>