Hola, he creado el siguiente menu, pero por alguna razón que desconozco solo funciona en Opera, gracias por la ayuda
Lo he probado en: Chrome4, Firefox3.6, IE8, Opera10.50 y sospecho que algo hago mal ne JavaScript
CSS---------------------------------------------------------------------------------------
body{background:url(sky_above_china-1440x900-1.jpg) center fixed;}
.table{display:table; width:100%;}
.tr{display:table-row; magin:1px; background:url(bar.png);}
.td{display:table-cell; text-align:center; vertical-align:middle; height:30px;}
.td{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.submenu{display:none;}
form{display:table-cell;}
JavaScript------------------------------------------------------------------------------
function buscarIndice(obj) {
frm = obj.form;
for (i=0; ele=frm['menu[]'][i]; i++){
if (ele==obj) {
//alert(i);
//break;
}
}
for (i=0; ele=frm['menu[]'][i]; i++){
if (ele==obj) {
submenu[i].style.display="block";
}else{
submenu[i].style.display="none";
}
}
}
HTML------------------------------------------------------------------------------
<!DOCTYPE><link rel=stylesheet href="style.css" type="text/css"><script language="javascript" type="text/javascript" src="menu.js"></script>
<div class="table"><div class="tr"><div class="td"><center>
<form action='http://anhida.org/drupal/' method='post'><input type='submit' value='Portada' style="margin-right:4px;"></form>
<form>
<input type="button" name="menu[]" onClick="buscarIndice(this)" value="Mi Cuenta" class="menu">
<input type="button" name="menu[]" onClick="buscarIndice(this)" value="Foros" class="menu">
<input type="button" name="menu[]" onClick="buscarIndice(this)" value="Archivos" class="menu">
<input type="button" name="menu[]" onClick="buscarIndice(this)" value="¿Quienes somos?" class="menu">
<input type="button" name="menu[]" onClick="buscarIndice(this)" value="X" class="menu">
</form>
</center></div></div><div class="tr"><div class="td"><center>
<div class="submenu" name="submenu">
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Entrar'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Salir'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Registrarse'></form>
</div>
<div class="submenu" name="submenu">
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Afectados'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Profesionales'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Lecturas y Consejos'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Sobre esta Web'></form>
</div>
<div class="submenu" name="submenu">
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Libros'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Guias'></form>
</div>
<div class="submenu" name="submenu">
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='¿Qué es ANHIDA?'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='¿Qué es el TDAH?'></form>
</div></div>
</center></div></div></div>