[SOLUCIONADO] menu horizontal se descuadra imagen de fondo

[rasengan]

Buenas tardes,

 

tengo un problema con el módulo que utilizo para el menu horizontal en mi Web. Se me descuadra la imagen de fondo que utiliza el menu, he probado con diferentes alturas por pixels y cambiando las posiciones ( relative,absolute ) pero no queda bien encajado. También lo he intentado modificando la propiedad z-index y no me funcionó.

 

Aquí adjunto en enlace para que podáis ver mejor el problema:

 

http://laboratorio.webuda.com/lab/

 

Necesitaría que la línea gris que aparece encima del logo se pusiera debajo de las letras del menu y justo a la altura de las letras. También os adjunto aquí los 2 ficheros css implicados.

 

Agradecería por favor la ayuda de alguno de vosotros.

 

Nota: Abrí un foro en inglés hace un tiempo referente a este tema ( el enlace está más abajo ) y no he conseguido mucha ayuda, no me expreso muy bien en inglés y creo que eso tiene mucho que ver. Si consigo resolverlo con vuestra ayuda procederé también a ponerlo como solucionado indicando la solución y enlazándolo con este post. ( Espero que no sea problema abrir este nuevo post en español, si es así pido disculpas y modificaré todo lo que sea necesario para dejarlo todo correcto).

 

http://www.prestasho...346#entry841346

 

Muchas gracias.

Un saludo,

Gonzalo.

menu.css

superfish-modified.css

Edited August 10, 2012 by rasengan (see edit history)

[rasengan]

En el siguiente post añado la respuesta para la resolución del problema.

Un saludo,

Edited August 10, 2012 by rasengan (see edit history)

[rasengan]

Buenas tardes,

problema resuelto. Es necesario realizar los siguientes cambios:

 

Buscar la linea en el fichero http://laboratorio.w.../cache/menu.css

 

 

.sf-contener, .sf-menu {

 

 

position: absolute;

top: 70px;

width: 920px;

}

 

y reemplazarla por esta otra:

 

 

.sf-contener, .sf-menu {

position: relative;

width: 920px;

z-index: 10;

}

 

A continuación buscar las siguientes lineas en el siguiente archivo css http://laboratorio.w...sh-modified.css

 

 

 

.sf-contener {

 

 

background: url("../gfx/menu/menu.gif") repeat-x scroll left center transparent;

border-radius: 7px 7px 7px 7px;

clear: both;

height: 30px;

line-height: 30px;

margin: 10px 0;

padding-left: 7px;

}

 

 

Y reemplazarlo por esto otro:

 

 

.sf-contener {

 

 

background: url("../gfx/menu/menu.gif") repeat-x scroll left center transparent;

border-radius: 7px 7px 7px 7px;

clear: both;

height: 30px;

line-height: 30px;

margin: 10px 0;

padding-left: 7px;

top: 160px;

}

 

Ya quedó funcionando.

 

Procedo a poner el tema como solucionado.

 

Gracias.

Un saludo,

[nadie]

Hola, si quieres puedes poner tu solución, como un aporte en esta sección: http://www.prestashop.com/forums/index.php?/forum/168-modulos-gratis-sobrecargas-y-otras-astucias-que-cambian-la-vida/