Foros del Web » Creando para Internet » Diseño web »

Menu en Javascript

Estas en el tema de Menu en Javascript en el foro de Diseño web en Foros del Web. Hola, tengo el sigiente codigo: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META ...
  #1 (permalink)  
Antiguo 31/03/2009, 05:14
Avatar de orchating  
Fecha de Ingreso: marzo-2009
Ubicación: Madrid
Mensajes: 92
Antigüedad: 15 años, 7 meses
Puntos: 0
Menu en Javascript

Hola, tengo el sigiente codigo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY OnClick="menu_sale()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function menu_entra()
{

document.links[4].style.visibility="visible";
document.links[4].style.position="relative";
document.links[4].style.left="470";
document.links[4].style.top="35";

document.links[5].style.visibility="visible";
document.links[5].style.position="relative";
document.links[5].style.left="470";
document.links[5].style.top="52";

document.links[6].style.visibility="visible";
document.links[6].style.position="relative";
document.links[6].style.left="470";
document.links[6].style.top="69";

}


function menu_sale()
{
document.links[4].style.visibility="hidden";
document.links[5].style.visibility="hidden";
document.links[6].style.visibility="hidden";
}
//-->
</SCRIPT>
<CENTER><TABLE>
<TR>
<TD><A HREF="">Inico</A></TD>
<TD><A HREF="" OnMouseOver="menu_entra();">Servicios</A></TD>
<TD><A HREF="">Contacto</A></TD>
<TD><A HREF="">Nuestra Empresa</A></TD>
</TR>
</TABLE></CENTER>
<A HREF="" STYLE="visibility:hidden">Empresa</A>
<A HREF="" STYLE="visibility:hidden">Particular</A>
<A HREF="" STYLE="visibility:hidden">Tarifas</A>
</BODY>
</HTML>


Mi gran problema que si cambio el tamaño de la ventana, el menu cambia su posicion, y querria que cambie lo que cambie el tamaño de la pantalla el menu no varie su posicion.

gracias de antemano.
  #2 (permalink)  
Antiguo 31/03/2009, 07:40
 
Fecha de Ingreso: junio-2004
Mensajes: 621
Antigüedad: 20 años, 5 meses
Puntos: 25
Respuesta: Menu en Javascript

Claro,

es que lo suyo es hacer esos menús con listas y no con tablas.

Mira, aquí tienes un ejemplo de como hacer con listas menús verticales y aquí de cómo hacer menús horizontales.

Esta es la tendencia actual para hacer estas cosas.

Espero haberte servido de ayuda.

Un cordial saludo,
eContento
__________________
eContento
- Mis artículos y tutoriales
- Mis jsfiddles
  #3 (permalink)  
Antiguo 02/04/2009, 02:04
Avatar de orchating  
Fecha de Ingreso: marzo-2009
Ubicación: Madrid
Mensajes: 92
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: Menu en Javascript

Hola, claro que me has servido de ayuda pero no del todo, porque si yo tengo submenus que cuando hago el OnMouseOver quiero que se despliegen hacia abajop y si los pongo con estilos de left y top, al cambiar el tamaño del explorer este varia su posicion en la pantalla como lo podria hacer.

Muchas Gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:58.