Foros del Web » Creando para Internet » Herramientas y Software »

Problema con Menú Emergente de Fireworks

Estas en el tema de Problema con Menú Emergente de Fireworks en el foro de Herramientas y Software en Foros del Web. Hola, La verdad es que hace dos días que estoy con esto y no le encuentro la vuelta... El problema es el siguiente, estoy haciendo ...
  #1 (permalink)  
Antiguo 31/12/2008, 02:34
 
Fecha de Ingreso: agosto-2006
Mensajes: 19
Antigüedad: 17 años, 8 meses
Puntos: 0
Problema con Menú Emergente de Fireworks

Hola,

La verdad es que hace dos días que estoy con esto y no le encuentro la vuelta...
El problema es el siguiente, estoy haciendo una página para un cliente y hace mucho que no me pedían menú emergente, como el slice lo hago con Fireworks, usé su opción.

El problema es el siguiente: Como crea las capas con valor absoluto, no sé porque motivo (ya que con el posicionamiento css nunca me lleve bien), al minimizar la pantalla, el menú no cuadra... y obviamente, también depende de la resolución de cada pantalla. Conmigo se ve bien, pero en otras no.

La web en cuestión está acá: http://www.krakenhost.com.ar/soluna (el submenu está en productos)

La pregunta es esta:

1) Que mano le puedo hechar al css para que se solucione el problema? Pensé en pasarlo a una capa con posicionamiento relativo, el problema es que no sé muy bien como y los intentos que hice fueron en vano.

O la 2, quizás mas sencilla:

Hacer un nuevo sub menú sin usar CSS, aplicarlo solo a la tabla de Productos y no tener problemas de posicionamiento.. en ese caso, como lo hago? Estuve buscando tutoriales en internet, y problemas incluso en este mismo foro y no di con la respuesta.

En fin, cualquier ayuda es mas que bienvenida!
Feliz año para todos :D

PD: Les dejo el css asi no lo bajan:

Código:
body {
	background: url(img/imagen_r1_c1.png);
	background-repeat: repeat-x;
	font: 12px Verdana, Geneva, sans-serif;
	color: #000000;
	padding: 0;
	margin: 0;
}

a {
	color: #9C650B;
	text-decoration: underline;
}

a:hover {
	color: #9C650B;
	text-decoration: none;
} 

.footext {
	color: #FFF;
}

a.foot { 
    color: #FFF;
	text-decoration: none;
}

a.foot:hover { 
    color: #FFF;
	text-decoration: underline;
}

a.footact { 
    color: #FFF;
	text-decoration: underline;
}

a.footact:hover { 
    color: #FFF;
	text-decoration: none;
}

td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	display: block;
}

#FWTableContainer57494128 {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	position:relative;
	margin:0px;
	width:1000px;
	height:850px;
	text-align:left;
}

#MMMenuContainer0015005435_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0015005435_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:1033px;
	top:251px;
	visibility:hidden;
	z-index:300;
}

#MMMenu0015005435_0 {
/* This class defines things about menu MMMenu0015005435_0's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#d4d0c8;
	width:135px;
	height:110px;
}

.MMMIFVStyleMMMenu0015005435_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0015005435_0 */
	width:135px;
	height:22px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:131px;
	height:18px;
}

.MMMIVStyleMMMenu0015005435_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0015005435_0 */
	width:135px;
	height:22px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:131px;
	height:18px;
}

#MMMenu0015005435_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu0015005435_0 so we can set its position */
	left:0px;
	top:0px;
}

#MMMenu0015005435_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu0015005435_0 so we can set its position */
	left:0px;
	top:22px;
}

#MMMenu0015005435_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu0015005435_0 so we can set its position */
	left:0px;
	top:44px;
}

#MMMenu0015005435_0_Item_3 {
/* Unique ID for item 3 of menu MMMenu0015005435_0 so we can set its position */
	left:0px;
	top:66px;
}

#MMMenu0015005435_0_Item_4 {
/* Unique ID for item 4 of menu MMMenu0015005435_0 so we can set its position */
	left:0px;
	top:88px;
}

#MMMenuContainer0015005435_0 img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#MMMenuContainer0015005435_0 a {
/* Controls the general apperance for menu MMMenuContainer0015005435_0's items, including color and font */
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	padding:2px;
	background: url("img/mmmenu1_135x22_up.gif") #cc9900;
	font-weight:normal;
	font-style:normal;
	display:block;
	position:absolute;
}

#MMMenuContainer0015005435_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0015005435_0 */
	color:#ffffff;
	background: url("img/mmmenu1_135x22_over.gif") #996600;
}
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 14:00.