Foros del Web » Creando para Internet » CSS »

Problemas con menu en Mac

Estas en el tema de Problemas con menu en Mac en el foro de CSS en Foros del Web. Hola, Tengo una aplicacion con un menu construido con css que funciona perfecto en mozilla para PC, en ie6 y en ie7, pero en mac.... ...
  #1 (permalink)  
Antiguo 21/01/2011, 16:46
 
Fecha de Ingreso: junio-2010
Mensajes: 6
Antigüedad: 7 años, 5 meses
Puntos: 0
Problemas con menu en Mac

Hola,

Tengo una aplicacion con un menu construido con css que funciona perfecto en mozilla para PC, en ie6 y en ie7, pero en mac.... en mac titila y titila y no funciona...

el menu lo realizo alguien q ya no esta y realmente no se como sulucionarlo, este es el codigo


Código:
body {	background-color: #ffffff; color: #444; font-family: Verdana; font-size: x-small; margin: 0; padding:0; }

#menucdhtq_m	{	color:#ddd;	position:relative; width:920px; height:24px; }
#arriba_m { background:url(imgs/cabe.png) no-repeat #005CA4; border-bottom:5px solid #d0d0d0; height:73px; position:relative; }
.menudes_m, .menudes_m * 	{	margin:	0;	padding:0;	list-style:	none;	}
#menucd_m 				{	line-height:1;	position:absolute; bottom:0px; left:160px;}

.menudes_m ul				{	position:absolute;	top:-999em;	width:25em; /* left offset de submenus debe cuadrar (see below) */	}
.menudes_m ul li 			{	width:			100%;	}
.menudes_m li:hover 		{	visibility:		inherit; /* fixes IE7 'sticky bug' */	}
.menudes_m li 			{	float:	left;	position:relative; margin-right:3px	}
.menudes_m a,.menudes_m a:visited 		{	display:block;	position:relative; color:#f0f0f0;	padding: 3px 12px;	text-decoration:none;	}
.menudes_m  li:hover ul, .menudes_m  li.sfHover ul 			{	left:0;	top:16px; /* match top ul list item height 	z-index:99;*/}
ul.menudes_m  li:hover li ul,	ul.menudes_m  li.sfHover li ul 		{	top:-999em;	}
ul.menudes_m  li li:hover ul,	ul.menudes_m  li li.sfHover ul 		{	left:25em; /*cuadra con ul width */	top:0;	}
ul.menudes_m  li li:hover li ul,ul.menudes_m  li li.sfHover li ul 	{	top:-999em;	}
ul.menudes_m  li li li:hover ul,ul.menudes_m  li li li.sfHover ul {		left:25em; /* cuadra con ul width */	top:0;	}
.menudes_m  li:hover, .menudes_m  li.sfHover,.menudes_m  a:focus, .menudes_m  a:hover, .menudes_m  a:active {	outline:0;	}
/*** flechas **/
.menudes_m a.sf-with-ul 	{	padding-right: 	2.25em;	min-width:1px;}
.sfsi_m 		{	position:absolute;	display:block;	right:.75em;	top:5px; /* IE6 only */
	width:10px;	height:10px;	text-indent:-999em;	overflow:hidden;	background:url('imgs/arrows-ffffff.png') no-repeat -10px -100px; }
a > .sfsi_m {  	top:5px;	background-position: 0 -100px; }
a:focus > .sfsi_m,a:hover > .sfsi_m,a:active > .sfsi_m,li:hover > a > .sfsi_m,li.sfHover > a > .sfsi_m {	background-position: -10px -100px; }
.menudes_m  ul .sfsi_m { background-position:  -10px 0; }
.menudes_m  ul a > .sfsi_m { background-position:  0 0; }
.menudes_m  ul a:focus > .sfsi_m,.menudes_m  ul a:hover > .sfsi_m,.menudes_m  ul a:active > .sfsi_m,.menudes_m  ul li:hover > a > .sfsi_m,.menudes_m ul li.sfHover > a > .sfsi_m {
	background-position: -10px 0; }
#ingreso_m	{	background:url(imgs/cellshade.png) repeat-x #65A31B;	}
#ingreso_m_ul	li {	background:#347F25;	padding-top:1px;padding-bottom:1px; border:1px solid #2C631F; border-top:1px solid #65A31B; }
#ingreso_m_ul	li:hover{	background:#65A31B;	}
#categota_m			{	background:url(imgs/cellshade.png) repeat-x #EF561D; }
#evaluaci_m			{	background:url(imgs/cellshade.png) repeat-x #C70E6C; }
#evaluaci_m_ul li		{	background:#A10D5A;	padding-top:1px;padding-bottom:1px; border:1px solid #980C54; border-top:1px solid #B70F66;}
#evaluaci_m_ul li:hover{	background:#C70E6C;	}
#desarrol_m			{	background:url(imgs/cellshade.png) repeat-x #1271AF; }
#desarrol_m_ul li		{	background:#116397;	padding-top:1px;padding-bottom:1px; border:1px solid #0E4F78; border-top:1px solid #1883C6;}
#desarrol_m_ul li:hover{	background:#1271AF;	}

#menucd_m a b	 { display:block; width:7px; height:7px; position:absolute; top:0;    left:0;  background:url(imgs/esq1.png) no-repeat; z-index:789789789; /*border:1px solid #000;*/ }
#menucd_m a i	 { display:block; width:7px; height:7px; position:absolute; top:0;    right:0; background:url(imgs/esq2.png) no-repeat; z-index:789789788; /*border:1px solid #000;*/ }

/* indicador del sitio */
#mrdude_m		{ position:absolute; right:20px; bottom:3px; text-align:right; color:#D0E1F0;		}
#mrdude_m	b 	{ color:#fff;	 }
#mrdude_m a	{	color:#D3F0FF; text-decoration:none;	}
#mrdude_m a:hover	{	color:#fff; text-decoration:underline;	}
#titulosite_m {	font:20px Neo Sans Intel Medium,verdana, sans-serif; color:#ffffff; position:absolute; left:140px; top:25px }
#areasite_m	{	font:bold 10px verdana, sans-serif; color:#D0E1F0; position:absolute; left:140px; top:15px; text-transform:uppercase; }

/* menu del sitio */
#menuppal_m 	{ list-style:none; margin:0; padding:0;	height:20px; background:#E5E5E5; padding-left:40px;  }

#menuppal_m ul { background:#dcdcdc; }
#menuppal_m ul li { background:#dcdcdc;	padding-top:1px;padding-bottom:1px; border:1px solid #aaa; border-top:1px solid #fafafa; }
#menuppal_m a {	color:#444;	}
#menuppal_m a:hover	{	background:#1271AF; color:#fafafa;	} /* cuando sea desarrol_mlo */
/* #menuppal_m a:hover	{	background:#65A31B; color:#fafafa;	}  cuando sea ingreso_m */
/* #menuppal_m a:hover	{	background:#C70E6C; color:#fafafa;	} cuando sea evaluaci_mon */
/* #menuppal_m a:hover	{	background:#EF561D; color:#fafafa;	} cuando sea categorizacion */

.menudes_m li {display:inline;}
.sfsi_m {zoom:1;}
#menucdhtq_m, #arriba_m, .menudes_m li, .menudes_m a, .menudes_m a:visited {zoom:1;}

#menucd_m li:hover ul,        #menucd_m _m li.sfHover ul   {    z-index:900;  }
#menuppal_m  li:hover ul,   #menuppal_m  li.sfHover ul   {    z-index:800;  }

#menuppal_m a,#menuppal_m a:visited         {    display:block;    position:relative; padding: 3px 5px;    text-decoration:none;    }
y este es el menu:

Código HTML:
<ul id="menuppal_m" class="menudes_m">

	<li><a href="#" class="sf-with-ul">Planes de Capacitaci&oacute;n</a>
		<ul>
		<li><a href="planadd.php">Crear</a></li>
		<li><a href="planlist.php">Consultar</a></li>
		<!--<li><a href="planquery.php">Consultas</a></li>-->
		</ul>
	</li>

	<li><a href="#" class="sf-with-ul">Solicitud de Capacitaci&oacute;n</a>
		<ul><li><a href="#">Crear</a>
			<ul>
				<li><a href="capacitacionadd.php">Una solicitud</a></li>
				<li><a href="grupoadd.php">Grupo de solicitudes</a></li>
			</ul>
			</li>
			<li><a href="#">Consultar</a>
				<ul>
				<li><a href="capacitacionlist.php">Solicitudes</a></li>
				<li><a href="grupolist.php">Grupos</a></li>
				</ul>
			</li>
		</ul>
	</li>
	
	<li><a href="#" class="sf-with-ul">Aprobaciones</a>
		<ul><li><a href="capacitacion_aproblist.php?tipo=plan">Planes</a></li>
			<li><a href="capacitacion_aproblist.php?tipo=solicitud">Solicitudes</a></li>
		</ul>
	</li>
	
	<li><a href="reportes.php" >Reportes</a></li>	
	<li><a href="logout1.php">Salir</a></li>
</ul> 
Por favor necesito su ayuda....

Gracias.
  #2 (permalink)  
Antiguo 24/01/2011, 14:29
4ng3r
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problemas con menu en Mac

ud esta diciendo que en leopard no esta funcionando ?? por que en MAC !! o no le entiendo??
  #3 (permalink)  
Antiguo 24/01/2011, 17:20
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Problemas con menu en Mac

Creo que se refiere a Safari. Yo estoy harto de que me funcione en mi PC pero no se vaea bien en el iP...
  #4 (permalink)  
Antiguo 26/01/2011, 07:11
 
Fecha de Ingreso: junio-2010
Mensajes: 6
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Problemas con menu en Mac

No lo he probado con safari, pero en donde no se ve bien es en mozilla para Mac. toco volver a hacerlo usando Jquery... y ahora si se ve bien... :)

Etiquetas: mac
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 19:23.