PDA

View Full Version : tree view indenting too far



Andromeda
09-15-2004, 04:49 AM
I am trying to use this script (http://www.dynamicdrive.com/dynamicindex1/navigate1.htm), but it seems to be indenting too far which makes the link names hard to read. Is there a way I can change how far the the parent and child folders indent?

Thanks!

ddadmin
09-15-2004, 08:55 PM
You can manipulate the indentation of most HTML elements by using CSS. In this case for example, begin by giving the master <ul> tag that wraps around the entire folding tree a class name, such as:


<ul class="mytree">
Then, add the below CSS at the top of the page to manipulate the tree's indentation:


<style type="text/css">

.mytree{
margin-left: 10px;
}

.mytree ul{
margin-left: 20px;
}

</style>
Experiment with the values, though 10 and 20 should decrease the indentation significantly already.