...

View Full Version : Drop Down Menu foramtting. Need Help



rockets12345
09-17-2005, 04:29 AM
I need some help witht he following drop down menu. How can I hide all the DOT's from in front Link 3a,Link 3b etc. I don't want to show the dots but just the text i.e.



. Link 3a
. Link 3b
. Menu 2
. Link 2a
. Link 2b
. Link 2c


and rather want to show as:



Link 3b
Menu 2
Link 2a
Link 2b
Link 2c


Also after Menu 3 there's too much space i.e.



Menu 3


Link 3b
Menu 2
Link 2a
Link 2b
Link 2c


and would rather like to show as:



Menu 3
Link 3b
Menu 2
Link 2a
Link 2b
Link 2c


Any help is really appreciated. Here is the full code.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
<!--
a:hover{color:blue}
a{text-decoration:none}
.look{font:bold 16pt Garamond,Arial;}
.look2{font:bold 12pt Garamond,Arial;}
.folding{cursor:hand}
a:active{color:red}
//-->
</style>

<script language="JavaScript">
<!--
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"
ns6_index=0

function change(e)
{
if(!document.all&&!document.getElementById)
return

if (!document.all&&document.getElementById)
ns6_index=1

var source=document.getElementById&&!document.all? e.target:event.srcElement
if (source.className=="folding")
{
var source2=document.getElementById&&!document.all? source.parentNode.childNodes:source.parentElement.all
if (source2[2+ns6_index].style.display=="none")
{
source2[0].src="open.gif"
source2[2+ns6_index].style.display=''
}
else
{
source2[0].src="fold.gif"
source2[2+ns6_index].style.display="none"
}
}
}
document.onclick=change
//-->
</script>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>

<div class="look"><img src="fold.gif" class="folding">&nbsp;<a href="www.google.com">Menu 3</a>
<ul class="look2" style="list-style-image:url(list.gif);display:show">
<li><a href="fdddf">Link 3a</a></li>
<li><a href="fdddf">Link 3b</a></li>
<li><div class="look"><img src="fold.gif" class="folding">&nbsp;<a href="#">Menu 2</a>
<ul class="look2" style="list-style-image:url(list.gif);display:none">
<li><a href="fdddf">Link 2a</a></li>
<li><a href="fdddf">Link 2b</a></li>
<li><a href="fdddf">Link 2c</a></li>
</ul>
</div>
</li>
</ul>
</div>
</BODY>
</HTML>



I tried in css but to no avail, any help is really appreciated. Thanks

BaldEagle
09-17-2005, 05:26 AM
list-style-type: none;
will fix your bullet problem




<div class="look"><img src="fold.gif" class="folding">&nbsp;<a href="www.google.com">Menu 3</a>
<ul class="look2" style="list-style-image:url(list.gif);display:show">
<li><a href="fdddf">Link 3a</a></li>
<li><a href="fdddf">Link 3b</a></li>
<li><div class="look"><img src="fold.gif" class="folding">&nbsp;<a href="#">Menu 2</a>
<ul class="look2" style="list-style-image:url(list.gif);display:none">
<li><a href="fdddf">Link 2a</a></li>
<li><a href="fdddf">Link 2b</a></li>
<li><a href="fdddf">Link 2c</a></li>
</ul>
</div>
</li>
</ul>
</div>

noy sure I follow what is in red???? This may have something to do with you spacing problem.

BaldEagle

rockets12345
09-17-2005, 07:35 AM
I just noticed my menu doesn't work at all in Netscape while in IE it works fine. Can someone please tell me what might be the problem and how can I make my many work both in Netscape and IE. Any help is appreciated. Thanks



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum