HTML - One Code In One Place For Menu Buttons

I have posted the code i use for a drop down menu bar but im looking to add a side menu to a link can anyone help?

Code
startSubmenu("connexion_b4","connexion_menu",111);
submenuItem("07/08Gallery","http://www.banbridgerangersfc.co.uk/gallery.php","","connexion_plain");
submenuItem("06/07 Gallery","http://www.banbridgerangersfc.co.uk/galleryarchive.php","","connexion_plain");
submenuItem("Picture Board","http://www.banbridgerangersfc.co.uk/picture-board.php","","connexion_plain");
endSubmenu("connexion_b4");

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

Hey guys,

After looking at multiple help sites, I've confirmed that there is something messed up in the current code I have that's preventing me from doing a simple jQuery + CSS dropdown menu.

I have attached my files, HTML and CSS in all, just un-zip it and see if you can help me out!

Thanks,
~C-Style~

P.S.: It's a bulky file because of the jQuery plugin I have inside.

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?

it would be nice if i could learn divs i am sick of everything being out of place! it doesn't let me expand my abilities of using all the cool features i want .. i cant do anything right these days! can someone please make my online users counter appear in the site information box anywhere instead of in the iframe somewhere on a 1024x768 resolution? www.anastaciadreams.com

Hi, my names Tyler, and i have recently been given the task of building a website for my family's new business (screen printing). Now i know next to nothing about HTML and CSS and all the things that go along with making a website so i googled html forums and this is where i landed. I am using Dreamweaver 5.5 but due to my lack of knowledge i am not using it to its full potential, and the web dev classes at college are full for the coming semester. SO i assuming i can start posting my questions under the HTML and CSS subforums right away? Thanks

also this is my progress so far www.whatashirt.com (keep in mind ive got no clue what im doing) i guess you guys can view the HTML source code from your browser but idk about the CSS so if i need to post that info in my questions later on let me know


Edit: when i click "thread tools" above my post it takes me back to the homepage. why is this?

Such is called 'x bar' in mathematics.

On this page: http://obama-net.org/bluelayout/index.html my absolute positioning is just not working.
I've tried virtually everything to see what the problem could be, but I don't seem to find it?
On my computer, the website looks fine when the window is maximized, but when it's minimized, the divs go all over the place. However, in other computers the divs are just never in place.
Is there something wrong with my coding? I used dreamweaver.

Thank you so much for your time!

OK-I am making a Halloween Page and I would like it so that everytime someone CLICKS anywhere on the page (no matter where) it makes a Sound. I googled and all i keep finding is they have to click a small spot or mouse over a small spot in order to make it do this.

everything else on my page is in the right place...

all except my online users code... if i make it look in place with my 1280x1024 screen resulution, 1024x768 resolutions make it look too far up the page... what can i do to make sure it is in place whatever the resuluion? please help

www.anastaciadreams.com

right now its too low for me.. because im trying to make it fit with the 1024x768 users

but i want it to be next to online guests, not on top of the other stuff or whatever

thanks a lot if you help

hi!!!! everybody i inserted an image but it placed on center so i want to place that image on top if anyone know please give me suggestions for this thank u.

Hi guys, Im hoping someone can help me with me problem. I have a button on my website and its just sitting there in the middle of the site like a red thumb!

How can I position it to the left in a nice orderly fashion underneath a div of external links?