Lista menu despegable

[Joaca]

Hola todos.
tengo el sgte codigo.

Código HTML:

<ol>
<li>INICIO</li>
<li>REEL</li>
<li>PORTAFOLIO</li>
<li>CONTACTO</li><div class="barra_abajo"></div>
</ol> 

mi pregunta es como hacer para que el item portafolio se vuelva despegable y lo haga desplegando 3 items mas. gracias honestamente no se si se podra pero igual pregunto.

[davidbrepe]

mira esta tuto, esta muy bien ;)
http://www.lawebera.es/comunidad/art...e-css-html.php

[sanxuan]

No te quepa la menor duda de que se puede. Con buscar "menu CSS" en el cuadro de búsqueda al principio de la página encontrarás bastantes ejemplos.
La verdadera pregunta es ¿de qué manera quieres que se abra? ¿Cuando pasas el ratón, cuando haces click, cuando seleccionas mediante el teclado...?
Una manera simple puede ser la siguiente:

Código HTML:

<ul>
<li>INICIO</li>
<li>REEL</li>
<li class="desplegable">PORTAFOLIO
      <ul>
           <li>item1</li>
           <li>item2</li>
           <li>item3</li>
      </ul>
</li>
<li>CONTACTO</li><div class="barra_abajo"></div>
</ul>
 

Código CSS:

.desplegable ul{
    display:none;
}
.desplegable:hover ul{
    display:block;
}
 

Funcionará para un menú vertical. Es sólo un esquema, necesitarás más propiedades para conseguir lo que tu quieres.

[Joaca]

Men muchas gracias funciono al pelo. Tengo una duda sin embargo. Y es cuanto a la propiedad a utilizar si quiero que el despegable se despendra exactamente abajo de item portafolio. por que al utilizar el codigo funciona pero el se despliega en mitad de la palabra. Yo ya lo solucione pero con margin-left y queria saber si hay una propiedad mas propia para el tema.

Gracias.