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Ó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ón Publicada por usted desde este panel administrativo aparecerá en el Portal Web.</p>
<p class="texto">· Haga el uso adecuado de este medio.<br>
· Asegurese que los contenidos son correctos.<br>
· Asuma que la información será 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ínea:
<?php echo $_SESSION['MM_Username']?>
/
<?php echo actual_date (); ?>
</span>
</span>
<span class="subtitulo"> </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 originalbody {
background-image: url(fondo.gif);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.titulo01 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #1b1464;
font-style: normal;
}
.botones {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
text-decoration: none;
}
.subtitulo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
}
.cuadro {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333333;
border: 1px solid #000000;
}
.bot_enviar {
background-image: url(bot_enviar.gif);
height: 23px;
width: 126px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
cursor: hand;
}
.bot_enviar:hover {
background-image: url(bot_enviar_over.gif);
height: 23px;
width: 126px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
cursor: hand;
}
.texto {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}
.texto2 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
.titulo02 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #005D73;
font-style: normal;
}
.texto3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #808040;
font-style: normal;
}
.cuatro_txt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #808040;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.titular {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #005D73;
font-style: italic;
}
.cuatro_txt2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #005d73;
background-color: #F7F7F7;
border: 1px solid #F7F7F7;
}
.titulo02 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000000;
font-style: normal;
}
.paginas_texto {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}
a:link {
color: #1B1464;
}
a:visited {
color: #1B1464;
}
a:hover {
color: #1B1464;
}
a:active {
color: #1B1464;
}
Porfa ayudenme =(
Respuesta: Menu desplegable 100% CSS 
Respuesta: Menu desplegable 100% CSS 
Este tema le ha gustado a 54 personas (incluyéndote)