[SOLUCIONADO] Problema posicionamiento sub-menú

[Herland]

Hola, el

 sf-menu li li 

se ve fuera de lugar, no sé como arreglarlo. He intentado colocarle

 left:50px 

pero luego el

 sf-menu li li li 

se ve fuera de lugar igual, y no he podido encontrarle solución, ya que no soy muy experto en el

 li li 

 

mi página: http://manosdelalma.cl/home/index.php solo necesito que los sub items se vean alineados.

 

Muchas gracias

Edited May 16, 2013 by Herland (see edit history)

[Herland]

necesito ayuda css porfavor

[momomedia]

Nose si acabo de entenderte, pero has probado con el text-align:left y luego dando el margen que quieras

[Sergio Ruiz]

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:0;
top:37px; /* match top ul list item height */
z-index:9999;
width:auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0,0.7);
   padding: 0;
}

 

por

 

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:0;
top:37px; /* match top ul list item height */
z-index:9999;
width:auto;
background-color: transparent;
padding: 0;
}

[Sergio Ruiz]

http://manosdelalma.cl/home/themes/theme489/css/global.css

 

Buscar:

 

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left: 88%;
top: 0;
}

 

Dejar:

 

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left: 100%;
top: 0;
}

 

Buscar

 

.sf-menu li li {
margin: 0 auto;
padding: 0;
width: 100px;
position: relative;
left: 50px;
}

 

Dejar:

.sf-menu li li {
margin: 0 auto;
padding: 0;
width: 100px;
position: relative;
left: 48px;
}

[Herland]

Muchas gracias @Rubalcaba, se eliminó esa sombra. Pero en este momento no tengo idea como darle estilo al segundo sub-menu, se ve separado, gracias!

 

Edited May 16, 2013 by Herland (see edit history)

[Sergio Ruiz]

Muchas gracias @Rubalcaba, se eliminó esa sombra. Pero en este momento no tengo idea como darle estilo al segundo sub-menu se ve separado. Gracias!

 

Respuesta:

 

 

http://manosdelalma.cl/home/themes/theme489/css/global.css

 

Buscar:

 

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left: 88%;
top: 0;
}

 

Dejar:

 

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left: 100%;
top: 0;
}

 

Buscar

 

.sf-menu li li {
margin: 0 auto;
padding: 0;
width: 100px;
position: relative;
left: 50px;
}

 

Dejar:

.sf-menu li li {
margin: 0 auto;
padding: 0;
width: 100px;
position: relative;
left: 48px;
}

[Herland]

Muchas gracias amig@ @Rubacalba te pasaste, mil gracias! este sf-menu a veces confunde de esa manera.