[thelist] CSS to bold *just* the number on an <li>
rudy
r937 at interlog.com
Thu Oct 17 21:33:01 CDT 2002
> Here's what I do.
>
> li { font-weight: bold }
> p { font-weight: normal }
good one, pandy
little did you realize that adrian would rather not use a list structure at
all, if he has to use paragraphs inside list items ;o)
adrian, spans work just as nicely
in case you can use it, below is my test page
right now it's still set from the last time i played with it, for coloured
bullets, but you can use it for bold tests just as easily
rudy
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test lists</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body { color: black; background-color: white; }
ul { color: red; background-color: beige; }
li { color: green; background-color: pink; }
li p { color: blue; background-color: yellow; }
li span { color: yellow; background-color: green; }
</style>
</head>
<body>
<h1>test lists</h1>
<h2>unordered</h2>
<ul>
<li>foo</li>
<li>bar
<ul>
<li>foo 2</li>
<li>bar 2
<ul>
<li>foo 3</li>
<li>bar 3</li>
</ul></li>
</ul></li>
</ul>
<h2>ordered</h2>
<ol>
<li>foo</li>
<li>bar
<ol>
<li>foo 2</li>
<li>bar 2
<ol>
<li>foo 3</li>
<li>bar 3</li>
</ol></li>
</ol></li>
</ol>
<h2>list item paragraphs</h2>
<ul>
<li><p>foo</p></li>
<li><p>bar</p></li>
</ul>
<h2>list item spans</h2>
<ul>
<li><span>foo</span></li>
<li><span>bar</span></li>
</ul>
</body>
</html>
More information about the thelist
mailing list