Foros del Web - Ver Mensaje Individual

yelandez · #1 (**permalink**) 21/01/2011, 16:46

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.