Foros del Web » Creando para Internet » CSS »

Menú Despegable (CSS-HTML)

Estas en el tema de Menú Despegable (CSS-HTML) en el foro de CSS en Foros del Web. Buenas estoy tratando de hacer un Menu Despegable con CSS y HTML en base de una barra que ya tengo hecha, he estado investigando un ...
  #1 (permalink)  
Antiguo 02/05/2012, 19:37
 
Fecha de Ingreso: abril-2012
Mensajes: 4
Antigüedad: 11 años, 11 meses
Puntos: 0
Menú Despegable (CSS-HTML)

Buenas estoy tratando de hacer un Menu Despegable con CSS y HTML en base de una barra que ya tengo hecha, he estado investigando un poco pero no me da. Espero que sus conocimiento me ayuden con esto. Gracias
Código:
    #navbar{  
      
    width:auto;  
      
    height:36px;  
      
    background:url(bar_x/navbar-bg.png) left top repeat-x; }
	
      
    #navbar .inbar{  
      
    display:block;  
      
    height:36px;  
      
    background:url(bar_x/right-round.png) right top no-repeat; } 

      
    #navbar ul, #navbar ul li{  
      
    border:0px;  
      
    margin:0px;  
      
    padding:0px;  
      
    list-style:none;  
      
    height:36px;  
      
    line-height:36px; } #navbar ul{  
      
    background:url(bar_x/left-round.png) left top no-repeat; }  
      
    #navbar ul li{  
      
    float:left;  
      
    display:block;  
      
    line-height:36px; }  
      
    #navbar ul li a{  
      
    color:#403e32;  
      
    text-decoration:none;  
      
    font-weight:bold;  
      
    display:block; }  
      
    #navbar ul li a span{  
      
    padding:0 20px 0 0;  
      
    height:36px;  
      
    line-height:36px;  
      
    display:block;  
      
    margin-left:20px; }  
      
    #navbar .navhome a, #navbar .navhome a:hover{  
      
    background:url(bar_x/a-bg.png) left top no-repeat;  
      
    height:36px;  
      
    line-height:36px; }  
      
    #navbar .navhome a span, #navbar .navhome a:hover span{  
      
    color:#FFFFFF;  
      
    background:url(bar_x/span-bg.png) right top no-repeat;  
      
    height:36px;  
      
    line-height:36px; }  
      
    #navbar ul li a:hover{  
      
    background:url(bar_x/ahover-bg.png) left top no-repeat;  
      
    height:36px;  
      
    line-height:36px; }  
      
    #navbar ul li a:hover span{  
      
    background:url(bar_x/spanhover-bg.png) right top no-repeat;  
      
    height:36px;  
      
    line-height:36px; }
Código HTML:
<div class="main">
<div id="navbar">
<span class="inbar">
	<ul>
    	<li><a href="index/as.html"><span>Inicio</span></a></li>
        </ul> 
  #2 (permalink)  
Antiguo 02/05/2012, 21:46
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Menú Despegable (CSS-HTML)

Un menú desplegable con solo una opción, como que no le veo el sentido.
Supongo que no muestras todo el código, pues mal hecho.
Muestra todo el código del menú.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 04/05/2012, 00:39
 
Fecha de Ingreso: agosto-2005
Mensajes: 8
Antigüedad: 18 años, 7 meses
Puntos: 0
Respuesta: Menú Despegable (CSS-HTML)

Hice un menu como el que quieres en base a un tutorial que utilia navbar buscalo alli tiene el demo y puedes bajarlo para modificarlo..

Etiquetas: despegable, hover, html, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:51.