RE: bullet list w/CSS problem

by "Ben Chang" <ben.chang(at)bts.gov>

Date:	Wed, 20 Mar 2002 11:50:50 -0500
To:	<ben.chang(at)bts.gov>, <hwg-techniques(at)hwg.org>, <dbarne20(at)visteon.com>
	todo: View Thread, Original

Hi David,

I can not use fix font size, i.e. 12pt, 12px....etc.
We need to use %.


thanks,

ben


>>> "Barnes, David (D.)" <dbarne20(at)visteon.com> 03/20/02 11:09AM >>>
Can you use something other than the percentage for your size, i.e. if you
put font size 15px in the ul class then the size would remain the same
throughout all the nested lists. =20

hth,

Dave Barnes=20

Body, Safety, and Security Lab=20
Room LS-115C=20
313-755-1360=20
dbarne20(at)visteon.com =20



-----Original Message-----
From: Ben Chang [mailto:ben.chang(at)bts.gov]=20
Sent: Wednesday, March 20, 2002 10:03 AM
To: hwg-techniques(at)hwg.org=20
Subject: bullet list w/CSS problem


HI,

I have tried to figure this out for a quiet some time...but still no luck.

I have a problem putting font size 90% in the HTML bullet lists by using
CSS.
I can not put font size 90% in the <BODY> selector in CSS because of some
other reasons; therefore, I need to create=20
another class for <UL> and <OL> to use (ex. <UL class=3D"fontsize90%">). =
=20
If I put font size 90% in the <UL> and <OL> selector in CSS, the child =
<UL>
and <OL> will be cascaded (the font size will become smaller and smaller). =
=20

Does anyone know any other way to do this quick and easy?  without putting =
a
class in the <UL> and <OL> tags?
I have enclosed an example at the bottom of the message.

Thanks,


Benjamin


Example code:
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<html>
<head>
	<title>CSS List testing</title>
	<style type=3D"text/css">
	/* can not put 'font-size: 90%;' in the body because of other
reasons */ =20
	ul     { list-style-type: disc;  }  /* can not put 'font-size: =
90%;'
here, will casue cascade effects */ =20
	ul ul  { list-style-type: circle; } /* second child level */
	ul ul ul  { list-style-type: square; } /* third child level */
	/* only way to do it now is to create a class for UL and OL.
	ex. .fontsize { font-size: 90%; } */ =20
	</style>
</head>

<body>

<ul>
	<li>Food
		<ul>
			<li>TV Dinner</li>
			<li>Junk Food
				<ul>
					<li>Potato Chips w/ salsa</li>
					<li>Twinke</li>
				</ul>
			</li>
		</ul>
	</li>
	<li>Soup</li>
	<li>Beer</li>
</ul>

</body>
</html>

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA