[thelist] Use CSS to control appearance of list items

Shifra Raffel sraffel at Oxygen.com
Thu Apr 12 13:19:38 CDT 2001


my experience has been that IE can handle modifications to the LI tag, but
that NN tends to ignore them in favor of modifications to the UL tag
(especially margins).

> -----Original Message-----
> From: Jorah Lavin [mailto:madstone at madstone.net]
> Sent: Thursday, April 12, 2001 07:46 AM
> To: thelist at lists.evolt.org
> Subject: [thelist] Use CSS to control appearance of list items
> 
> 
> At 10:26 AM 04/12/01, djc at members.evolt.org wrote:
> 
> >For more control on your bullets or list elements ,ever  consider
> >using a table and placing you <li> tag in seperate cells?
> 
> 
> <tip type="CSS control of LIST items">
> 
> Don't mangle your HTML by putting individual LI tags in 
> separate cells in 
> an attempt to control the look of a list.  Use CSS instead:
> 
> 
> ===========================
> <html>
> <head>
>          <title>Sample List Showing Control of Spacing Using 
> CSS</title>
> 
>          <style type="text/css">
> <!--
> LI
> {color: #000000;
> font-family: Verdana, Helvetica, Arial, sans-serif;
> padding-bottom: 9px}
> 
> .tight
> {color: #000000;
> font-family: Verdana, Helvetica, Arial, sans-serif;
> padding-bottom: 1px}
> -->
> </style>
> </head>
> 
> <body>
> <h1>This is a sample of controlling the spacing of list items 
> using CSS</h1>
> <p>First, here is a list with lots of room between items...</p>
> <ul>
> <li>One</li>
> <li>Two</li>
> <li>Three</li>
> <li>Four</li></ul>
> 
> <p>And here is one with less room between items:</p>
> 
> <ul>
> <li class="tight">One</li>
> <li class="tight">Two</li>
> <li class="tight">Three</li>
> <li class="tight">Four</li></ul>
> 
> </body>
> </html>
> 
> ===========================
> 
> </tip>
> 
> 
> ---------------------------------------
> For unsubscribe and other options, including
> the Tip Harvester and archive of TheList go to:
> http://lists.evolt.org Workers of the Web, evolt ! 
> 


This e-mail is the property of Oxygen Media, LLC.  It is intended only for the person or entity to which it is addressed and may contain information that is privileged, confidential, or otherwise protected from disclosure. Distribution or copying of this e-mail or the information contained herein by anyone other than the intended recipient is prohibited. If you have received this e-mail in error, please immediately notify us by sending an e-mail to postmaster at oxygen.com and destroy all electronic and paper copies of this e-mail. 




More information about the thelist mailing list