tengo una duda y es que en este codigo q os pongo me pasa q el menu desplegable se me aplica a un texto puesto a mano y no al boton q hay como puedo cambiar eso
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<style type="text/css">
function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();
desplegable1.onactivate=function(){document.getElementById('desplegable1').className = 'hover'; };
desplegable1.ondeactivate=function(){document.getElementById('desplegable1').className = ''; }
desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }
desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; };
desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; }
}
}
<!--
body {
background-color: #99CC99;
}
-->
</style></head>
<body onload="init();">
<table width="549" border="0" align="center">
<tr>
<td width="543"><table width="560" border="0" cellpadding="0" cellspacing="0" bordercolor="0">
<tr>
<td colspan="10">[contenido no disponible]</td>
</tr>
<tr>
<td width="0" height="0">[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
</tr>
<tr>
<td colspan="10"><div id="navegacion">
<ul>
Sección 1
Sección 2
Sección 3
</div></td>
</tr>
<tr>
<td colspan="10"></td>
</tr>
</table></td>
</tr>
</table>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
gracias
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<style type="text/css">
function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();
desplegable1.onactivate=function(){document.getElementById('desplegable1').className = 'hover'; };
desplegable1.ondeactivate=function(){document.getElementById('desplegable1').className = ''; }
desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }
desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; };
desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; }
}
}
<!--
body {
background-color: #99CC99;
}
-->
</style></head>
<body onload="init();">
<table width="549" border="0" align="center">
<tr>
<td width="543"><table width="560" border="0" cellpadding="0" cellspacing="0" bordercolor="0">
<tr>
<td colspan="10">[contenido no disponible]</td>
</tr>
<tr>
<td width="0" height="0">[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
</tr>
<tr>
<td colspan="10"><div id="navegacion">
<ul>
</div></td>
</tr>
<tr>
<td colspan="10"></td>
</tr>
</table></td>
</tr>
</table>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
gracias