Im trying to setup a list tree system using java script and im having trouble removing the whitespace between each group of list items and the div above and below it.<br />
<br />
Is there a style i can set somewhere so that the amount of whitespace that is inserted between each <div> and its <ul>'s is the same as the whitespace that is between each <li> ?<br />
<br />
Ive tried manipulating some of the style paragraph stuff so that the values are all 0 and single spacing etc, but nothing seems to work. I always have large spaces between each element.<br />
<br />
This is the syntax im referring to...<br />
<div class="look"><img src=http://www.htmlforums.com/archive/index.php/"images/fold.gif" class="folding"><a href=http://www.htmlforums.com/archive/index.php/"dfddf"> Menu 1</a><br />
<ul class="look2" style="list-style-image: url('images/list.gif'); display: none"><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1a</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1b</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1c</a></li><br />
</ul><br />
</div><br />
<div class="look"><img src=http://www.htmlforums.com/archive/index.php/"images/fold.gif" class="folding"><a href=http://www.htmlforums.com/archive/index.php/"dfddf"> Menu 2</a><br />
<ul class="look2" style="list-style-image: url('images/list.gif'); display: none"><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2a</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2b</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2c</a></li><br />
</ul><br />
</div><!--content-->You could do it manually by just using <br> and putting in the number manually.<br />
<br />
But thats just me
<!--content--><br> has parameters? what are they?<!--content-->I've added display: inline instead of display: none and it works fine. Don't expect any magic from Netscape 4.x though...<br />
<br />
<br />
<div class="look"><a href=http://www.htmlforums.com/archive/index.php/"dfddf"> Menu 1</a><br />
<ul class="look2" style="list-style-image: url('images/list.gif'); display: inline;"><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1a</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1b</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1c</a></li><br />
</ul><br />
</div><br />
<div class="look"><a href=http://www.htmlforums.com/archive/index.php/"dfddf"> Menu 2</a><br />
<ul class="look2" style="list-style-image: url('images/list.gif'); display: inline; "><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2a</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2b</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2c</a></li><br />
</ul><br />
</div><!--content-->
<br />
Is there a style i can set somewhere so that the amount of whitespace that is inserted between each <div> and its <ul>'s is the same as the whitespace that is between each <li> ?<br />
<br />
Ive tried manipulating some of the style paragraph stuff so that the values are all 0 and single spacing etc, but nothing seems to work. I always have large spaces between each element.<br />
<br />
This is the syntax im referring to...<br />
<div class="look"><img src=http://www.htmlforums.com/archive/index.php/"images/fold.gif" class="folding"><a href=http://www.htmlforums.com/archive/index.php/"dfddf"> Menu 1</a><br />
<ul class="look2" style="list-style-image: url('images/list.gif'); display: none"><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1a</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1b</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1c</a></li><br />
</ul><br />
</div><br />
<div class="look"><img src=http://www.htmlforums.com/archive/index.php/"images/fold.gif" class="folding"><a href=http://www.htmlforums.com/archive/index.php/"dfddf"> Menu 2</a><br />
<ul class="look2" style="list-style-image: url('images/list.gif'); display: none"><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2a</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2b</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2c</a></li><br />
</ul><br />
</div><!--content-->You could do it manually by just using <br> and putting in the number manually.<br />
<br />
But thats just me
<!--content--><br> has parameters? what are they?<!--content-->I've added display: inline instead of display: none and it works fine. Don't expect any magic from Netscape 4.x though...<br /><br />
<br />
<div class="look"><a href=http://www.htmlforums.com/archive/index.php/"dfddf"> Menu 1</a><br />
<ul class="look2" style="list-style-image: url('images/list.gif'); display: inline;"><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1a</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1b</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 1c</a></li><br />
</ul><br />
</div><br />
<div class="look"><a href=http://www.htmlforums.com/archive/index.php/"dfddf"> Menu 2</a><br />
<ul class="look2" style="list-style-image: url('images/list.gif'); display: inline; "><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2a</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2b</a></li><br />
<li><a href=http://www.htmlforums.com/archive/index.php/"fdddf"> Link 2c</a></li><br />
</ul><br />
</div><!--content-->