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

Botones desplegables

Estas en el tema de Botones desplegables en el foro de Diseño web en Foros del Web. Buenos dias a [email protected]: Estuve buscando un tutorial para hacer unos botones desplegables y encontré el siguiente: http://www.webtaller.com/construccio...reamweaver.php El problema es que cuando previsualizo en ...
  #1 (permalink)  
Antiguo 18/09/2008, 02:51
Avatar de IruLaN  
Fecha de Ingreso: octubre-2005
Ubicación: Sitges, Barcelona.
Mensajes: 413
Antigüedad: 12 años, 1 mes
Puntos: 12
Botones desplegables

Buenos dias a [email protected]:

Estuve buscando un tutorial para hacer unos botones desplegables y encontré el siguiente:

http://www.webtaller.com/construccio...reamweaver.php

El problema es que cuando previsualizo en ie o en firefox los botones salen desplazados de su lugar ( en ie hacia la derecha y en firefox hacia abajo).

¿Cuál es el problema?
¿Es culpa de las capas?
¿Cómo puedo solucionarlo?
¿Hay alguna otra forma de realizar este tipo de botones?

Muchas gracias.
  #2 (permalink)  
Antiguo 18/09/2008, 03:35
Avatar de berthely  
Fecha de Ingreso: junio-2008
Ubicación: VHSA Mexico
Mensajes: 453
Antigüedad: 9 años, 6 meses
Puntos: 9
Respuesta: Botones desplegables

No he tenido el tiempo de seguir el tutorial, pero podrias mostrarnos lo que ha generado Dreamweaver para ver si podemos encontrar algo.
  #3 (permalink)  
Antiguo 18/09/2008, 03:47
Avatar de IruLaN  
Fecha de Ingreso: octubre-2005
Ubicación: Sitges, Barcelona.
Mensajes: 413
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Botones desplegables

Dejo el código para que lo veais:

<!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&iacute;tulo</title>
<style type="text/css">
<!--
@import url("botones.css");

}
#Empresa {
position:absolute;
width:100;
height:40;
z-index:1;
}
#Empleados {
position:absolute;
width:100;
height:40;
z-index:2;
}
#Servicios {
position:absolute;
width:100;
height:40;
z-index:4;
}
#Contactos {
position:absolute;
width:100;
height:40px;
z-index:5;

}
#submenuempresa {
position:absolute;
width:100;
height:120;
z-index:1;
top: 39px;
}
#submenuempleados {
position:absolute;
width:100;
height:80px;
z-index:8;

}
#submenuservicios {
position:absolute;
width:100;
height:80;
z-index:1;

}
#submenucontacto {
position:absolute;
width:100;
height:80;
z-index:1;
}
-->
</style>
</head>

<body>
<table width="800" height="237" border="0" align="center" cellspacing="0">
<tr>
<td align="center" valign="top"><table width="800" border="0" cellspacing="0">
<tr>
<td width="800" height="100" bgcolor="#660000"><p><img src="archivos/Cabecera mpv.png" alt="mpv web" width="800" height="100" /></p>
<table width="400" border="0" cellspacing="0" align="right">
<tr>
<td width="100" height="40" align="left" valign="top"><div id="Empresa"> <img src="archivos/botempresa.png" width="100" height="40" /><br />
<div id="submenuempresa">
<table width="100" border="0" cellspacing="0">
<tr>
<td width="100" height="40" valign="top"><img src="archivos/bothistoria.png" width="100" height="40" /></td>
</tr>
<tr>
<td width="100" height="40" valign="top"><img src="archivos/botpolitica.png" width="100" height="40" /></td>
</tr>

<td width="100" height="40" valign="top"><img src="archivos/botestrategia.png" width="100" height="40" /></td>
</tr>
</table>
</div>
</div>
</td>
<td width="100" height="40"align="left" valign="top"><div id="Empleados"><img src="archivos/botempleados.png" width="100" height="40" /><br />
<div id="submenuempleados"><table width="100" border="0" cellspacing="0">
<tr>
<td valign="top"><img src="archivos/botpresentación.png" /></td>
</tr>
<tr>
<td valign="top"><p><img src="archivos/botorganigrama.png" /></p>
</td>
</tr>
</table>
</div>
</div>
</td>
<td width="100" height="40" align="left" valign="top" ><div id="Servicios"><img src="archivos/botservicios.png" width="100" height="40" /><br />
<div id="submenuservicios"><table width="100" border="0" cellspacing="0">
<tr>
<td width="100" height="40" valign="top"><img src="archivos/bot1.png" /></td>
</tr>
<tr>
<td width="100" height="40" valign="top"><img src="archivos/bot2.png" /></td>
</tr>
<tr>
<td width="100" height="40" valign="top"><img src="archivos/bot3.png" /></td>
</tr>
<tr>
<td width="100" height="40" valign="top"><img src="archivos/bot3.png" /></td>
</tr>
<tr>
<td width="100" height="40" valign="top"><img src="archivos/bot4.png" /></td>
</tr>
</table>
</div>
</div></td>
<td width="100" height="40" align="left" valign="top"><div id="Contactos"><img src="archivos/botcontacto.png" width="100" height="40" /><br />
<div id="submenucontacto"><table width="100" border="0" cellspacing="0">
<tr>
<td width="100" height="40" align="left" valign="top"><img src="archivos/botinformacion.png" /></td>
</tr>
<tr>
<td width="100" height="40" align="left" valign="top"><img src="archivos/botlocalizacion.png" /></td>
</tr>
</table>
</div>
</div></td>
</tr>
  #4 (permalink)  
Antiguo 18/09/2008, 04:15
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Botones desplegables

Si está diseñado con tablas diría que debe ser un tutorial bastante antiguo.

Creo que tienes cosas mucho más modernas en dynamic drive o cssplay.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 18/09/2008, 04:21
Avatar de berthely  
Fecha de Ingreso: junio-2008
Ubicación: VHSA Mexico
Mensajes: 453
Antigüedad: 9 años, 6 meses
Puntos: 9
Respuesta: Botones desplegables

Analizando un poco, la parte sustancial esta en
Código:
@import url("botones.css");
Por lo que te pido nos muestres para entender mejor, por lo que se ve hasta ahora, la ocultacion de las capas esta creado con CSS y no con JavasScript como pense en un inicio, sepase de antemano que la interpretacion de las CSS es diferente ente navegadores (IE vs Todos los demas) pero tal vez se pueda hacer algo.
  #6 (permalink)  
Antiguo 18/09/2008, 04:28
Avatar de IruLaN  
Fecha de Ingreso: octubre-2005
Ubicación: Sitges, Barcelona.
Mensajes: 413
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Botones desplegables

Conoceis otro modo de hacerlo??? Que es el dynamic drive o cssplay??
  #7 (permalink)  
Antiguo 18/09/2008, 04:36
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Botones desplegables

Dos sitios web donde tienes montones de menús desplegables de todo tipo.
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 18/09/2008, 06:26
Avatar de IruLaN  
Fecha de Ingreso: octubre-2005
Ubicación: Sitges, Barcelona.
Mensajes: 413
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Botones desplegables

Muchas gracias voy a echar un vistazo a las páginas, pensaba que eran algún tipo de código o algo así :S
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 17:48.