Formatting ordered list number (ol,li)

Forum Moderators: not2easy

Message Too Old, No Replies

Formatting ordered list number (ol,li)

bohboh

12:14 am on Feb 9, 2006 (gmt 0)

Is it possible to format the number which gets displayed when you use OL, LI, i can change the font, but the font size remains the same no matter what i do. Is it possible?

DrDoc

3:34 am on Feb 9, 2006 (gmt 0)

Welcome to WebmasterWorld! [WebmasterWorld.com]

What have you tried so far?

bohboh

5:10 pm on Feb 9, 2006 (gmt 0)

HTML:

CSS:

#sidebar-a-recentlyViewed li {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;
font-weight:normal;
margin:0px;
padding:0px;
line-height:15px;
}

For some reason the number is a much larger size than the text.

coopersita

5:33 pm on Feb 9, 2006 (gmt 0)

Have you tried setting the 70% to the ul instead of the li?

bohboh

6:25 pm on Feb 9, 2006 (gmt 0)

Yeah, still no joy. I was wondering if it was some "other" css that was affecting it. Does it display ok for you?

coopersita

8:59 pm on Feb 9, 2006 (gmt 0)

I tried it and it works just fine in FF:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Untitled</title>
<style type="text/css" title="text/css">
/* <![CDATA[ */
li {font-size: 230%;}
/* ]]> */
</style>
</head>
<body>
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ol></body>
</html>

bohboh

9:32 am on Feb 10, 2006 (gmt 0)

Methinks it is something else within my CSS which is causing the issue. Working on a large site , i started off with a "css structure" and naming convention, and with all good intentions have slowly progressed into spaghetti css. :)