soy un mar de dudas

lo primero que necesito saber es como poner 2 menus en la misma linea porque lo he intentado y no me aparecen igual
aqui dejo la dirreccion y los paginas

http://misclasesparticulares.iespana.es/mates1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
</head>
<link rel="stylesheet" href="matesuno.css" type="text/css" media="all">
<body>

<div id="menu">
<h1>EJERCICIOS</h1>
<ul>
  • HOJA1
  • HOJA2
  • HOJA3
  • HOJA4
  • HOJA5
  • HOJA6
  • HOJA7
    </div>

    <div id="menu2">
    <h3>EJERCICIOS</h3>
    <ul2><li2>HOJA1</li2>
    <li2>HOJA2</li2></li2>
    <li2>HOJA3</li2></li2>
    <li2>HOJA4</li2></li2>
    <li2>HOJA5</li2></li2>
    <li2>HOJA6</li2></li2>
    <li2>HOJA7</li2></li2>
    </div>
    </body>
    </html>

    y la hoja de estilos:

    body {background-color: #00FF00}
    #menu {background-color: lorange ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom ;
    padding-bottom:5px }
    #menu li {list-style:none ; margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #menu2 {background-color: lorange ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom ;
    padding-bottom:5px }
    #menu li2 {list-style:none ; margin: 4px 8px 4px 6px }
    #menu h2 {text-decoration:none ; font-size:12px ; padding-top:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }



    Y LO ULTIMOQUE QUERIA SABER Y QUE NO CONSIGO SABAR COMO, Y ES QUE QUIERO QUE AL CLIKEAR SOBRE LOS DESLPLAGABLES SE ABRAN OTRAS PAGINAS, PORQUENO SE NI DONDE NI COMO HACERLO

    GRACIAS
  • ya sigo el paso a paso y modifico el archivo .txt pero luego no se fdonde poner la ruta àra que abra otras paginas a partir de esos desplegables. ¿tengo que hacerlo en la mismo archivo .txt?
    Gracias por la respuesta
    hola

    mira es en este archivo

    if (TransMenu.isSupported())
    {
    var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

    var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
    desplegable1.addItem('Seccion 1','ruta');
    desplegable1.addItem('Seccion 2','ruta');
    var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
    desplegable1_0.addItem('Sub-Seccion 2.1','ruta');
    desplegable1_0.addItem('Sub-Seccion 2.2','ruta');
    desplegable1_0.addItem('Sub-Seccion 2.3','ruta');
    desplegable1.addItem('Seccion 3','ruta');
    desplegable1.addItem('Seccion 4','ruta');
    desplegable1.addItem('Seccion 5','ruta');
    var desplegable1_0 = desplegable1.addMenu(desplegable1.items[4]);
    desplegable1_0.addItem('Sub-Seccion 5.1','ruta');
    desplegable1_0.addItem('Sub-Seccion 5.2','ruta');

    TransMenu.renderAll();
    }

    En rojo es donde le puedes cambiar el nomre al anlace y en azul, le pones la ruta y quedaría asi:

    var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
    desplegable1.addItem('PERROS','perro.html');
    desplegable1.addItem('Seccion 2','ruta');

    ya que la página que me ha de abrir se llama perro.html

    saludos