Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/12/2011, 06:34
edie8
 
Fecha de Ingreso: noviembre-2011
Mensajes: 516
Antigüedad: 12 años, 5 meses
Puntos: 10
Menu desplegable

Buenas
os dejo un minituto para los que no saben mucho de css como yo, esto es para hacer un menu con submenus ocultos, os dejo el codigo php para que veais de donde sale lo del css, creo que asi se explica mejor

este es el menu con submenus de donde sacamos los id y class:
Código PHP:
<div id="menu-wrapper">
                <
ul id="hmenu">
        <
li><a href="index.php">Inicio</a></li>
        <
li><a href="">Mensajes</a>
            <
ul class="sub-menu">
                <
li><a href="gente.php">gente</a></li>
            </
ul
este es el css
Código PHP:
#menu-wrapper ul{
    
padding:0;
    list-
style:none;}
    
#hmenu > li{
    
display:inline-bock;
    }
#hmenu > li a{
    
display:block;
    
padding10px 5px;
    
width90px;
    }
li ul{
    
position:absolute;
    
display:none;
    }
.
sub-menu a{
    
display:block;
    
padding:10px 5px;
    
width:130px;
    }
li:hover ul{
    
display:block;
    } 
Para el que no sepa lo que es cada cosa de css padding etc les dejo esta pagina:
http://www.w3c.es/divulgacion/guiasreferencia/css21/#porcentaje
Espero que os sirva a mi me sirvio. un saludo.

Última edición por edie8; 06/12/2011 a las 06:59