Indentation of SubList

[Alec Lee]

If we create a nested list by placing a <ul> under another <ul>, how do we control the amount of identation given to the nested list relative to the upper list?

[Satish Chilukuri]

You can use CSS for that. Give the nested list some padding-left.

[Dan Drillich]

Alec,

Please have a look at the following page �
http://jake.cfwebtools.com/index.cfm/2007/5/1/CSS-Browser-Hacks

and look for -

I want there to be no indentation in the list, just a vertical list of links. Also, I don't want any list style

The example below, based on the above page, works well in IE 6 but not in FF. Please play a bit with the margin-left of 'ul li ul'.

Regards,
Dan

<STYLE TYPE="text/css">
<!--
 

ul {
border:1px solid black;
list-style-type:none;
}
ul li {
list-style-type:none;
background-color:#dddddd; 
margin-left:10px;
}
 
ul li ul {
 
margin-left:1px;
 
}
 
ul li ul li {
list-style-type:none;
background-color:#dddddd; 
padding-left:1px;
}
 
ul li.active {
list-style-type:none;
background-color:#0000FF; 
}
ul li a {
text-decoration:none;
font-weight:bold;
color:#000000;
}
 
-->
</style>
 
<UL>
<LI>Marketing
     <UL>
     <LI>Andy Hodges
     <LI>Trey Gregory
     </UL>
<LI>Engineering
     <UL>
     <LI>Karen Joslin
     <LI>Sheila Malone
     <LI>Karl Heinz
     </UL>
</UL>