Tema: Menu desplegable 100% CSS
Ver Mensaje Individual
  #315 (permalink)  
Antiguo 26/08/2011, 09:48
Avatar de JuJoGuAl
JuJoGuAl
 
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 15 años, 3 meses
Puntos: 19
Pregunta Respuesta: Menu desplegable 100% CSS
Ok tengo problemas si descargo el ejemplo y lo ejecuto en mi IE 7 se ve de 10, el problema es cuando pego el codigo en mi pagina... no se ve solo las opciones del 1er nivel no se ve el Sub Menu asi que alguien pudiera ayudarme???

pongo el codigo de mi pagina haber si es algo que llevo mal:

Código HTML:
<?php
require_once('../Connections/Conexion.php');
session_start();

function actual_date ()
{
	$week_days = array ("Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado");
	$months = array ("", "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
	$year_now = date ("Y");
	$month_now = date ("n");
	$day_now = date ("j");
	$week_day_now = date ("w");
	$date = $week_days[$week_day_now] . ", " . $day_now . " de " . $months[$month_now] . " de " . $year_now; 
	return $date;  
}

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Panel de Control - <?php echo $Titulo; ?></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<META HTTP-EQUIV="EXPIRES" CONTENT="0">
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
<link href="admin.css" rel="stylesheet" type="text/css">

<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('boton1_hover.gif','boton2_hover.gif','boton3_hover.gif','boton4_hover.gif','boton5_hover.gif')">
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
		<td align="center" valign="middle">
			<table border="0" cellpadding="0" cellspacing="0" width="736">
				<tr>
					<td><img src="spacer.gif" width="125" height="1" border="0" alt=""></td>
					<td><img src="spacer.gif" width="125" height="1" border="0" alt=""></td>
					<td><img src="spacer.gif" width="125" height="1" border="0" alt=""></td>
					<td><img src="spacer.gif" width="125" height="1" border="0" alt=""></td>
					<td><img src="spacer.gif" width="236" height="1" border="0" alt=""></td>
					<!--<td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>-->
				</tr>
				<tr>
					<td height="134" colspan="5" bgcolor="#FFFFFF">
						<table width="100%" height="134" border="0" cellpadding="0" cellspacing="0">
							<tr>
								<td height="40" align="right" background="tope.gif"><a href="panel_admin.php"><img src="tope_c.jpg" width="42" height="40" border="0"></a><a href="control.php"><img src="tope_b.jpg" width="50" height="40" border="0"></a></td>
							</tr>
							<tr>
								<td><img src="tope02.gif" width="736" height="94"></td>
							</tr>
						</table>
					</td>
					<!--<td><img src="spacer.gif" width="1" height="134" border="0" alt=""></td>-->
				</tr>
				<tr bgcolor="#FFFFFF">
					<td colspan="5">
						<?php include('Menu.html'); ?>
					</td>
					<!--<td><img src="spacer.gif" width="1" height="23" border="0" alt=""></td>-->
				</tr>
				<tr bgcolor="#FFFFFF"> <!--Contenido Principal-->
					<td colspan="5">
						<table width="100%" border="0" cellpadding="10" cellspacing="0">
							<tr>
								<td class="titulo01">Bienvenido al Panel Administrativo<span class="subtitulo"><br>
								<?php echo $_SESSION['$Key']?><br>
								</span>Director(a):<span class="subtitulo"><?php echo $row_direccion['dir_director']; ?></span></td>
							</tr>
							<tr>
								<td height="150" valign="top">
								<p align="center" class="titulo01"><strong>ATENCI&Oacute;N!</strong></p>
								<p class="texto">Usted tiene privilegios para modificar contenidos del portal<strong> BEST SHOP </strong>
								<br><br>
								<strong>Advertencia: </strong>La Informaci&oacute;n Publicada por usted desde este panel administrativo aparecer&aacute; en el Portal Web.</p>
								<p class="texto">&middot; Haga el uso adecuado de este medio.<br>
								&middot; Asegurese que los contenidos son correctos.<br>
								&middot; Asuma que la informaci&oacute;n ser&aacute; de gran utlidad al usuario del final.</p>
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td height="21" colspan="5" align="right" background="adm_r4_c1.jpg" bgcolor="#FFFFFF">
					<span class="reloj style4">
						<span class="subtitulo">
						Usuario en l&iacute;nea:
						<?php echo $_SESSION['MM_Username']?>
						&nbsp;/&nbsp;
						<?php echo actual_date (); ?>
						</span>
					</span>
					<span class="subtitulo">&nbsp;</span>
					</td>
					<!--<td><img src="spacer.gif" width="1" height="21" border="0" alt=""></td>-->
				</tr>
			</table>
		</td>
	</tr>
</table>
</body>
</html>
y el CSS:

Código CSS: 
Ver original
  1. body {
  2.     background-image: url(fondo.gif);
  3.     margin-left: 0px;
  4.     margin-top: 0px;
  5.     margin-right: 0px;
  6.     margin-bottom: 0px;
  7. }
  8. .titulo01 {
  9.     font-family: Verdana, Arial, Helvetica, sans-serif;
  10.     font-size: 13px;
  11.     font-weight: bold;
  12.     color: #1b1464;
  13.     font-style: normal;
  14. }
  15. .botones {
  16.     font-family: Arial, Helvetica, sans-serif;
  17.     font-size: 14px;
  18.     color: #000000;
  19.     text-decoration: none;
  20. }
  21.  
  22. .subtitulo {
  23.     font-family: Verdana, Arial, Helvetica, sans-serif;
  24.     font-size: 12px;
  25.     font-weight: bold;
  26.     color: #333333;
  27. }
  28. .cuadro {
  29.     font-family: Verdana, Arial, Helvetica, sans-serif;
  30.     font-size: 10px;
  31.     font-weight: bold;
  32.     color: #333333;
  33.     border: 1px solid #000000;
  34. }
  35. .bot_enviar {
  36.     background-image: url(bot_enviar.gif);
  37.     height: 23px;
  38.     width: 126px;
  39.     border-top-style: none;
  40.     border-right-style: none;
  41.     border-bottom-style: none;
  42.     border-left-style: none;
  43.     cursor: hand;
  44. }
  45.  
  46. .bot_enviar:hover {
  47.     background-image: url(bot_enviar_over.gif);
  48.     height: 23px;
  49.     width: 126px;
  50.     border-top-style: none;
  51.     border-right-style: none;
  52.     border-bottom-style: none;
  53.     border-left-style: none;
  54.     cursor: hand;
  55. }
  56. .texto {
  57.     font-family: Geneva, Arial, Helvetica, sans-serif;
  58.     font-size: 13px;
  59.     color: #333333;
  60. }
  61. .texto2 {
  62.     font-family: Geneva, Arial, Helvetica, sans-serif;
  63.     font-size: 12px;
  64.     color: #333333;
  65. }
  66. .titulo02 {
  67.  
  68.     font-family: Verdana, Arial, Helvetica, sans-serif;
  69.     font-size: 13px;
  70.     font-weight: normal;
  71.     color: #005D73;
  72.     font-style: normal;
  73. }
  74. .texto3 {
  75.  
  76.  
  77.     font-family: Verdana, Arial, Helvetica, sans-serif;
  78.     font-size: 13px;
  79.     font-weight: normal;
  80.     color: #808040;
  81.     font-style: normal;
  82. }
  83. .cuatro_txt {
  84.     font-family: Verdana, Arial, Helvetica, sans-serif;
  85.     font-size: 12px;
  86.     color: #808040;
  87.     background-color: #FFFFFF;
  88.     border: 1px solid #FFFFFF;
  89. }
  90. .titular {
  91.  
  92.  
  93.     font-family: Verdana, Arial, Helvetica, sans-serif;
  94.     font-size: 12px;
  95.     font-weight: normal;
  96.     color: #005D73;
  97.     font-style: italic;
  98. }
  99. .cuatro_txt2 {
  100.  
  101.     font-family: Verdana, Arial, Helvetica, sans-serif;
  102.     font-size: 12px;
  103.     color: #005d73;
  104.     background-color: #F7F7F7;
  105.     border: 1px solid #F7F7F7;
  106. }
  107. .titulo02 {
  108.  
  109.     font-family: Verdana, Arial, Helvetica, sans-serif;
  110.     font-size: 13px;
  111.     font-weight: bold;
  112.     color: #000000;
  113.     font-style: normal;
  114. }
  115. .paginas_texto {
  116.  
  117.     font-family: Geneva, Arial, Helvetica, sans-serif;
  118.     font-size: 13px;
  119.     color: #333333;
  120. }
  121.  
  122. a:link {
  123.     color: #1B1464;
  124. }
  125. a:visited {
  126.     color: #1B1464;
  127. }
  128. a:hover {
  129.     color: #1B1464;
  130. }
  131. a:active {
  132.     color: #1B1464;
  133. }

Porfa ayudenme =(