/* +------------------------------------------------------------------+ | Green-Beast.com | | CSS: Double Lists | | Cascading Style Sheet | | Copyright May 2006 | | Use with attribution by visible link please! | | Attribute to: Mike Cherim | +------------------------------------------------------------------+ */ /* this div gives the list a place to live and remain relative to */ #cdl { padding : 30px; width : 70%; background-color : #ffffdd; border : 1px solid #ccc; margin : auto; } /* here the heading is styled. not essential to the double lists */ #cdl h3 { display : block; color : #669900; padding-bottom : 5px; margin-bottom : 15px; border-bottom : 1px solid #666; } /* style all the list items here */ #cdl ul li { height : 1em; list-style-type : none; color : #333; padding : 0.3em 0 0.4em 0; font-size : 0.9em; border-bottom : 1px solid #ccc; } /* every second list item is positioned outward and moved up equal to LI height to even them */ #cdl ul li.cdl_l2 { margin-left : 50%; margin-top : -1.7em; padding : 0.3em 0 0.4em 0; border : 0; } /* Every other two list items are styled with a background for usability and style */ .cdl_alt { background-color : #fffffc; } /* star hack in use here but this is for IE 6.2 and older only and you may use a conditional comment and 2nd CSS */ * html #cdl ul li.cdl_l2 { margin-top : -2.1em; } /* End Styles */