problema con li:selected

[kahlo84]

Hola, he estado modificando una plantilla para el blog de una amiga, y al trasladar el diseño a su blog va todo bien menos el menú, que al seleccionar una categoria el efecto del botón se pierde y no sé porqué.

El blog donde funciona es este: http://nuncajamaspruebas.blogspot.com.es/
y donde ahora no funciona teniendo el mismo codigo css es este: http://mirinconcitodenuncajamas.blogspot.com.es/

Como puede ser que siendo el mismo código no funcione?

Muchas gracias por vuestro tiempo, un saludo.

[santris]

inspeccionando el CSS parece que te falta esta regla en el CSS del menú modificado

#menu li.selected a {
color: #FFFFFF;
text-decoration: none;
}

saludos,

[kahlo84]

Hola, muchas gracias por la ayuda, pero acabo de mirar y si que tengo esa regla en el código del blog modificado

[santris]

si, pero es raro que firebug no la encuentre cuando analiza esa etiqueta.

[kahlo84]

y como lo podría arreglar entonces?

[santris]

Ok, mirando el código fuente falta incluir la clase selected en la etiqueta <li> seleccionada, habría que mirar la función que asigna la clase selected a cada etiqueta <li>.

[kahlo84]

Ahí ya creo que me pierdo un poco... Además si no he tocado nada del código de uno al otro, salvo poner y quitar algunos gadgets...

[santris]

fíjate, en el código que va ok asigna a la etiqueta <li> la clase selected. Mira 'Eventos'

<li><a href='http://nuncajamaspruebas.blogspot.com.es/'>Inicio</a></li>
<li class='selected'><a href='http://nuncajamaspruebas.blogspot.com.es/p/eventos.html'>Eventos</a></li>
<li><a href='http://nuncajamaspruebas.blogspot.com.es/p/looks.html'>Looks</a></li>
<li><a href='http://nuncajamaspruebas.blogspot.com.es/p/sorteos.html'>Sorteos</a></li>

y en la que no va, agrega una etiqueta <span>. Mira looks

<ul>
<li>
<a dir='ltr' href='http://mirinconcitodenuncajamas.blogspot.com.es/search/label/celebrities'>celebrities</a>
</li>
<li>
<a dir='ltr' href='http://mirinconcitodenuncajamas.blogspot.com.es/search/label/Contacto'>Contacto</a>
</li>
<li>
<a dir='ltr' href='http://mirinconcitodenuncajamas.blogspot.com.es/search/label/diy%20%28tuneos%29'>diy (tuneos)</a>
</li>

<li>
<a dir='ltr' href='http://mirinconcitodenuncajamas.blogspot.com.es/search/label/eventos'>eventos</a>
</li>
<li>
<span dir='ltr'>looks</span>
</li>
<li>
<a dir='ltr' href='http://mirinconcitodenuncajamas.blogspot.com.es/search/label/lugares'>lugares</a>
</li>
<li>
<a dir='ltr' href='http://mirinconcitodenuncajamas.blogspot.com.es/search/label/ropa'>ropa</a>
</li>
<li>

<a dir='ltr' href='http://mirinconcitodenuncajamas.blogspot.com.es/search/label/sorteos'>sorteos</a>
</li>
<li>
<a dir='ltr' href='http://mirinconcitodenuncajamas.blogspot.com.es/search/label/tiendas'>tiendas</a>
</li>
<li>
<a dir='ltr' href='http://mirinconcitodenuncajamas.blogspot.com.es/search/label/viajes'>viajes</a>
</li>
</ul>

quizás si haces esto lo soluciones:

#menu li span {
color: #FFFFFF;
text-decoration: none;
}

[kahlo84]

Bien, gracias a ese código no he conseguido justo el efecto del otro, pero ahora por lo menos aunque no salga el botón detrás se ve bien porque no se cambia la fuente jeje

Muchas gracias.

[santris]

Iniciado por kahlo84

Bien, gracias a ese código no he conseguido justo el efecto del otro, pero ahora por lo menos aunque no salga el botón detrás se ve bien porque no se cambia la fuente jeje

Muchas gracias.

si, ya lo ví, sigue investigando, seguro que lo solucionas.

saludos,