Hola a todos y todas:
Según tenia entendido es posible incluir DIV's dentro de DIV's com padres e hijos. Sin embargo no encuentro la manera mirando diversos foros y tutoriales tengo la impresión que lo tengo tod bien sin embargo no es así.
Lo que quiero conseguir es que mediante la propiedad float dentro del DIV "Menu derecha" se alineen debajo unos de otros los menús en función de si son llamados o no.
El código para que lo podais ver:
HTML:
Código HTML:
<!--Menú lateral derecho-->
<div id="Menu_derecha"><?php
if($activo=1)include('menus/MenuActivo.php');
if($TipoColaborador=1)include('menus/MenuColaborador.php');
if($TipoAdministrador=1)include('menus/MenuAdministrador.php');
if($silverUser=1)include('menus/MenuSilver.php');
if($$goldUser=1)include('menus/MenuGOLD.php');
?></div>
Un include (son todos iguales) en función del nombre de la pagina
HTML
Código HTML:
case "/pagina1.php":
?>
<div id="Menu1"><p> <a rel="nofollow" href="../menu1.php"><?php
include('/phpBits/menu1.php');
?>
</a></p></div>
<div id="Menu2"><p> <a rel="nofollow" href="../Menu2.php"><?php
include('/phpBits/Menu2.php');
?>
</a></p></div>
<div id="Menu3"><p> <a rel="nofollow" href="../Menu3.html"><?php
include('phpBits/Menu3.php');
?>
</a></p></div>
<?php
break;
y El CSS que lo gobierna
Código HTML:
/*Caja de Menú derecha*/
#Menu_derecha {position:absolute;top:0px; left: 0px;height:100px;width:auto; margin:0.1em;}
#Menu_derecha a:link { text-decoration: none; color: #ffffff }
#Menu_derecha a:visited { text-decoration: none; color: #666 }
#Menu_derecha a:hover { background: #e9e9e9; color: blue }
/*Menus dinámicos*/
/*Menú Simple*/
#Menu1{background:#e9e9e9;float: left;font-weight: bold;color: #ffffff;left:auto;padding: 5px;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;width: 11em;}
#Menu2{background:#e9e9e9;float: left;font-weight: bold;color: #ffffff;left:auto;padding: 5px;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;width: 11em;}
#Menu3{background:#e9e9e9;float: left;font-weight: bold;color: #ffffff;left:auto;padding: 5px;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;width: 11em;}
/*Menu Administrador*/
#MenuADM1{background:#e9e9e9;float: left;font-weight: bold;color: #ffffff;left:auto;padding: 5px;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;width: 11em;}
#MenuADM2{background:#e9e9e9;float: left;font-weight: bold;color: #ffffff;left:auto;padding: 5px;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;width: 11em;}
#MenuADM3{background:#e9e9e9;float: left;font-weight: bold;color: #ffffff;left:auto;padding: 5px;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;width: 11em;}
...
Seguro que es una tonteria, un poco de ayuda please
,
Gracias
,