HTML - Menu Code

Alright, let me begin by saying that I am functionally retarded and have the most basic understanding of HTML.

I don't know if it's against the rules or not to post HTML codes and get somebody to fix them for you, but I'm desperate. I usually steer clear of forums.

The code that is giving me trouble is below

_________________________________________________________________

<li><a href='http://www.twitter.com/'>Twitter</a>
<ul class='children'>
</li>

<li><a href='#'>Top News</a>
<ul class='children'>
<li><a href='http://www.twitter.com/'>User 1</a></li>
<li><a href='http://www.twitter.com/'>User 2</a></li>
<li><a href='http://www.twitter.com/'>User 3</a></li>
</ul>

<li><a href='#'>General Infornation</a>
<ul class='children'>
</li>
<li><a href='http://www.twitter.com/'>User 4</a></li>
<li><a href='http://www.twitter.com/'>User 5</a></li>
<li><a href='http://www.twitter.com/'>User 6</a></li>
<li><a href='http://www.twitter.com/'>User 7</a></li>
<li><a href='http://www.twitter.com/'>User 8</a></li>
<li><a href='http://www.twitter.com/'>User 9</a></li>
<li><a href='http://www.twitter.com/'>User 1</a></li>
<li><a href='http://www.twitter.com/'>User 10</a></li>
<li><a href='#'>User 12</a></li>
</ul>

<li><a href='#'>Minor League Reports</a>
<ul class='children'>
</li>
<li><a href='#'>User 11</a></li>
<li><a href='http://www.twitter.com/'>Adam Nightingale</a></li>
<li><a href='#'>User 12</a></li>
</ul>

<li><a href='#'>In-Game Reports</a>
<ul class='children'>
</li>
<li><a href='http://www.twitter.com/'>User 13</a></li>
<li><a href='http://www.twitter.com/'>User 10</a></li>
</ul>

<li><a href='#'>Game Recaps</a>
<ul class='children'>
</li>
<li><a href='http://www.twitter.com/'>User 13</a></li>
<li><a href='http://www.twitter.com/'>User 10</a></li>
</ul>
_________________________________________________________________
It's a code for a menu and I had a different one of this working before. What I wanted to do was to split the child menus into secondary child menus and select a user to contact from there. (it's a "Contact Us" menu)

Any/all help is greatly appreciated.

How can I add submenus to the following code namely where I have Radio Shows?

My web site is www.mcran.com

Here is the code I am using:

HTML Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

 <script>
 $(document).ready(function(){

   // hide #back-top first
    $("#back-top").hide();
   $("#top-divider").hide();

   // fade in #back-top
    $(function () {
     $(window).scroll(function () {
       if ($(this).scrollTop() > 100) {
         $('#back-top').show();
         $('#top-divider').show();
       } else {
         $('#back-top').hide();
         $('#top-divider').hide();
     }
 });

     // scroll body to 0px on click
     $('#back-top').click(function () {
       $('body,html').animate({
         scrollTop: 0
       }, 800);
       return false;
     });
   });

 });
 </script>

 <div id="topbar">

   <span style="float:left;padding-left:7px;">

     <span style="width:30px;"><a href="#" id="back-top" onclick="return false;">BACK TO TOP</a></span>

     <span id="letters" style="display:none;"><span  id="top-divider">&nbsp;|&nbsp;</span><a  href="#a">A</a>&nbsp;&nbsp;<a  href="#b">B</a>&nbsp;&nbsp;<a  href="#c">C</a>&nbsp;&nbsp;<a  href="#d">D</a>&nbsp;&nbsp;<a  href="#e">E</a>&nbsp;&nbsp;<a  href="#f">F</a>&nbsp;&nbsp;<a  href="#g">G</a>&nbsp;&nbsp;<a  href="#h">H</a>&nbsp;&nbsp;<a  href="#i">I</a>&nbsp;&nbsp;<a  href="#j">J</a>&nbsp;&nbsp;<a  href="#k">K</a>&nbsp;&nbsp;<a  href="#l">L</a>&nbsp;&nbsp;<a  href="#m">M</a>&nbsp;&nbsp;<a  href="#n">N</a>&nbsp;&nbsp;<a  href="#o">O</a>&nbsp;&nbsp;<a  href="#p">P</a>&nbsp;&nbsp;<a  href="#q">Q</a>&nbsp;&nbsp;<a  href="#r">R</a>&nbsp;&nbsp;<a  href="#s">S</a>&nbsp;&nbsp;<a  href="#t">T</a>&nbsp;&nbsp;<a  href="#u">U</a>&nbsp;&nbsp;<a  href="#v">V</a>&nbsp;&nbsp;<a  href="#w">W</a>&nbsp;&nbsp;<a  href="#x">X</a>&nbsp;&nbsp;<a  href="#y">Y</a>&nbsp;&nbsp;<a  href="#z">Z</a>&nbsp;</span>

   </span>

   <span style="float:right;padding-right:7px;">

 <a href="http://www.mcran.com" target="_self"><b>HOME</b></a>&nbsp;|&nbsp;

 <a href="http://www.mcran.com/bio-test-page.php" target="_self"><b>BIO</b></a>&nbsp;|&nbsp;
 
  <a href="http://www.mcran.com/contact.php" target="_self"><b>CONTACT</b></a>&nbsp;|&nbsp;

 <a href="http://www.mcran.com/interviews.php" target="_self"><b>INTERVIEWS</b></a>&nbsp;|&nbsp;

 <a href="http://www.mcran.com/playlistsshowtable.php"  target="_self"><b>PLAYLISTS</b></a>&nbsp;|&nbsp;

 <a href="http://www.mcran.com/2010-2006showstable.php"  target="_self"><b>RADIO  SHOWS</b></a>&nbsp;|&nbsp;

 <a href="http://www.mcran.com/favorite-sites.php"  target="_self"><b>RESOURCES</b></a>&nbsp;|&nbsp;

 
   </span>
  </div>

Hi

I'm trying to convince my work to change the design of their website. I have been told that if i can design something better, then they may consider it. However, I have no web building software here, and I have been told I am not able to work from home and get paid for it.

I am able to write HTML and CSS in notepad, but I need a script to set up a horizonal drop down link menu. i.e. when you roll over the first link, it displays a list of options underneath... I need to have about 6-8 links with more options underneath.

Can anybody suggest a reliable FREE script that I can use to demonstrate my idea??

LEROY

Hello,

i found this code
Code:

<!--
Collapsible Menu Script.
Created by Kyle Edwards.
Please keep this notice intact.
-->
<!--
Below is the code for the hyperlinks that expand and collapse the menus. You need to do the following for each menu:
1. Create hyperlink code that looks like this:
<a href="#" onclick="collapse_menu(menu1, 0)">The value of the link goes here.</a><br>
Note: Change menu1 to the name of the menu, and change 0 to the number of the menu.
Note: 0 is the number of the FIRST menu.
2. After each hyperlink, type in code that looks like this:
<span id="menu1"></span>
Note: Change "menu1" to the name of the menu.
3. Follow the instructions inside the <script> tags. They follow //'s.
-->
<p>
<a href="#" onclick="collapse_menu(menu1, 0); return false">Menu 1</a><br>
<span id="menu1"></span>
<a href="#" onclick="collapse_menu(menu2, 1); return false">Menu 2</a><br>
<span id="menu2"></span>

<script language="javascript">
//Collapsible Menu Script.
//Created by Kyle Edwards.
//Please keep this notice intact.

//This defines the arrays that contain info about the menus. Do NOT edit.
var on_off=new Array();
var menu_code=new Array();

//Below, define number_of_menus. It should be equal to the number of menus you have.
number_of_menus=2;

//Here we define the code for the menus. Inside the quotation marks, type in the value of each option.
//Note: After each option, you need to put a <br> tag.
//Note: If you want to indent the options, type &nbsp; for each space of indentation.
//and a </blockquote> tag at the end.
//Example: "&nbsp;&nbsp;Option 1<br>&nbsp;&nbsp;Option 2<br>"
//This puts two spaces at the beginning of each option.

menu_code[0]="Option 1<br>Option 2<br>Option 3<br>";
menu_code[1]="Option 1<br>Option 2<br>Option 3<br>";

//Everything below this notice is the code that expands and collapses the menus. Do NOT edit.
for (loop=0; loop<number_of_menus; loop++){
 on_off[loop]=0;
}

function collapse_menu(menu_id, menu_number){
  if (on_off[menu_number]==0){
    menu_id.innerHTML=menu_code[menu_number];
    on_off[menu_number]=1;
  }else{
    menu_id.innerHTML="";
    on_off[menu_number]=0;
  }
}
</script>

It's exactly that kind of Code i need, i dont want any more Features on my Colapse Box. The only problem i got is that if i try to add a link for an Option, the Colapse Box dont work anymore. Hope you can help me

I'm pretty new to web design, but I've started making drop down menus using HTML and CSS.

I get annoyed that every time I want to change the menu I have to go and change it individually in every single page.

I am wondering if there is a way to create the code in an external file and link it into my pages, so that if I want to make a change, I can do it from one central file and have the change appear on each individual page.

Is this possible? How can I do this?