PDA

Click to See Complete Forum and Search --> : List Formatting

KDLA
08-12-2005, 02:49 PM
This may be a stupid question that I should know the answer to, but it's Friday and the brain is already in weekend mode. :rolleyes:

How do I create lists with colored bullets (but following text is still black) in CSS?

Existing coding-

#content ul {list-style-type: square; color: green;}
#content li {color: black; font-size: .9em;}

Thanks,
KDLA
NogDog
08-12-2005, 03:03 PM
This is the best solution I could think of on a Friday afternoon:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Page title</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 1em;
font: medium arial, helvetica, sans-serif;
background-color: white;
color: black;
}
.test li {color: green;}
.test li span {color: black;}
-->
</style>
</head>
<body>

<ul class="test">
<li><span>Item One</span></li>
<li><span>Item Two</span></li>
</ul>

</body>
</html>
KDLA
08-12-2005, 03:07 PM
Thanks!

Happy weekend -
KDLA