se puede hacer?

[juanromerocruz]

amigos forer@s:

la verdad es que no se si podre hacer esto:

Tengo un menu en lista desordenada, creado porJoomla, a la cual le quiero añadir un background diferente al item que este seleccionado para distinguirlo de los demas.

Este por ejemplo:

Código:

<div id="menuAlto"">

<div class="moduletable">
  <ul id="mainlevel-nav">
    <li><a href="/joomla15/index.php?option=com_content&amp;view=article&amp;id=25&amp;Itemid=28" class="mainlevel-nav" >Sobre Joomla!</a></li>
    <li><a href="/joomla15/index.php?option=com_content&amp;view=article&amp;id=22&amp;Itemid=29" class="mainlevel-nav" >Características</a></li>
	<li><a href="/joomla15/index.php?option=com_newsfeeds&amp;view=newsfeed&amp;id=1&amp;feedid=1&amp;Itemid=18" class="mainlevel-nav" id="active"> Noticias</a></li>
    <li><a href="/joomla15/index.php?option=com_content&amp;view=article&amp;id=27&amp;Itemid=30" class="mainlevel-nav" >La comunidad</a></li>
  </ul>
</div>

</div>

Observar que a la etiqueta <a> que esta seleccionada, el sistema le añade un id="active" que es lo unico que las distingue del resto

Para colocarle una imagen de fondo distinta que distinga la pestaña seleccionada de la que no lo esta, se le añade la mitad en el elemento <a> y la otra mitad en el <li>, todo ello para que encaje bien independientemente de la anchura que tenga el texto.

Pues bien, para colocarlo en <a> no hay problema, por que tenemos el id " active " que la identifica, pero para el <li>, como lo hago?, ya que si uso #menuAlto li{} las reglas que determine son aplicadas a todas las pestañas y no solo a la seleccionada que eslo es de lo que se trata. ¿me explico?

¿Hay alguna forma de identificar el <li> que esta selecconado para poderle aplicar unas reglas distintas que lo diferencie de las demas?

Hay que tener en cuenta que yo no le puedo añadir ningun id a este <li> ya que esto lo hace autmaticamente el sistema Joomla y para ello tendria que tocar el core de php y ni se, ni creo que eso se conveniente

Alguna sugerencia?

Gracias

[emiliodeg]

hacerlo con javascript pq con css, si el li padre no tiene nada no lo vas a solucionar

con jquery
$(function(){
$('#active').parent().each(function(){$(this).attr ('id','padreDeActive')});
})

espero que te sirva

[juanromerocruz]

Me lo temia, pero con javascrip no creo que pueda dado que que bajo el sistema joomla, y la verdad es que no se como hacerlo
No obtante gracias por contestar