Cita:
Iniciado por choquii 
muchas gracias, me sirvio la respuesta con el tema de los triangulos.. pero como organizo los divs?
Uy, se me pasó tu respuesta.
Bueno la estructura, para ser semántica, sería algo así:
En principio creo que eso bastaría, ya que puedes usar
::before y
::after en cada elemento para crear pseudo-elementos, que para cuestiones decorativas son perfectos.
Entonces
nav o
ul podría ser el rectángulo negro con una posición relativa, y ahí añades dos pseudo-elementos, con posición absoluta
en forma de triángulo. Para posicionarlos podrías poner por ejemplo
top:100% y luego uno a la izquierda y otro a la derecha.
Luego para cada elemento del menú, es decir, cada
li es fácil, no es más que texto negro. Para cuando esté activo, podrías simplemente sacarlo y hacerlo más grande, con algo tipo:
Código CSS:
Ver originalli.activo {
position: relative;
top: -20px;
}
Y cambiarle también la altura para que quede como quieras.
Finalmente para el triángulo pues haces algo parecido a los otros de antes.
Seguramente me deje algo.
