Imagen en medio del menu

[manelmanel8]

Buenas,

me gustaria crear un menu parecido a la imagen siguiente, 3 botones en cada lado y en medio el logo. Pero nose como poner el logo en medio... y dejar la separacion grande al medio solo

[URL=http://imageshack.com/i/0x84hsj/][IMG]http://imageshack.com/a/img33/1553/84hs.jpg[/IMG][/URL]

Gracias

[pzin]

El logo puedes ponerlo encima del menú, lo centras, y le aplicas una posición relativa, con un top: 50px o lo que requieras.

Lo de la separación entre cada elemento ya dependerá un poco más de cómo sea el menú. A priori con un margin-right: 200px aplicado al tercer elemento podrías hacerlo, pero como digo, depende de cómo sea el resto del menú.

[manelmanel8]

Gracias por la contestacion, pero como puedo ponerla por encima?

Esta es la parte de codigo del css del logo

Código PHP:

  #logo {
    padding-top: 20px;
    position:relative;
    text-align:center;
} 
   

[pzin]

No sé a qué corresponderá #logo.

También tendrías que indicar un z-index para terminar de ponerlo por encima de lo que le sigue.

[manelmanel8]

Lo que corresponde al logo es la redonda de la imagen, sorry no lo indique

[pzin]

Si bueno, pero sin indicar el HTML no se puede adivinar lo demás.

¿Probaste con z-index?

[manelmanel8]

Si... en el header.php lo puse dentro de menu el div de header que esta el logo

Código PHP:

 <div class="top">
<div id="menu">    
<div id="header">
    <?php nattywp_get_logo ('<div id="logo">', '</div>', 'logo_essencia.png', true); ?>
</div>
       <?php delicate_show_navigation ('primary', 'delicate_show_pagemenu'); ?>
    </div>                
</div> <!-- END top -->