18/09/2008, 01:51
| ||||
| ||||
| Botones desplegables Buenos dias a tod@s: 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. |
|
18/09/2008, 02:35
| ||||
| ||||
| 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. |
|
18/09/2008, 02:47
| ||||
| ||||
| 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í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> |
|
18/09/2008, 03:15
| ||||
| ||||
| 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 |
|
18/09/2008, 03:21
| ||||
| ||||
| Respuesta: Botones desplegables Analizando un poco, la parte sustancial esta en
Código:
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. @import url("botones.css");
|
|
18/09/2008, 03:28
| ||||
| ||||
| Respuesta: Botones desplegables Conoceis otro modo de hacerlo??? Que es el dynamic drive o cssplay?? |
|
18/09/2008, 03:36
| ||||
| ||||
| Respuesta: Botones desplegables Dos sitios web donde tienes montones de menús desplegables de todo tipo.
__________________ Visita mi nueva web idplus.org |
|
18/09/2008, 05:26
| ||||
| ||||
| 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 |
