Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Sep 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Drop Down Menu foramtting. Need Help

    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.

    Code:
    . Link 3a 
    . Link 3b 
    . Menu 2 
        . Link 2a 
        . Link 2b 
        . Link 2c
    and rather want to show as:

    Code:
     
     Link 3b 
     Menu 2 
         Link 2a 
         Link 2b 
         Link 2c
    Also after Menu 3 there's too much space i.e.

    Code:
     
    Menu 3
    
    
     Link 3b 
     Menu 2 
         Link 2a 
         Link 2b 
         Link 2c
    and would rather like to show as:

    Code:
     
    Menu 3
     Link 3b 
     Menu 2 
         Link 2a 
         Link 2b 
         Link 2c
    Any help is really appreciated. Here is the full code.

    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

  • #2
    Regular Coder
    Join Date
    Apr 2005
    Location
    Lisbon, CT
    Posts
    339
    Thanks
    0
    Thanked 0 Times in 0 Posts
    list-style-type: none;
    will fix your bullet problem


    Code:
    <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
    Last edited by BaldEagle; 09-17-2005 at 05:30 AM.

  • #3
    New to the CF scene
    Join Date
    Sep 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •