En mi opinión, para el caso particular que indicas no lo hagas por css sino por programación. También te lo digo porque no sé como se haría en css :D ( seguramente alguien con más conocimientos en las listas te pueda echar una mano ).
Yo lo resolvería haciendo que de la misma manera que estás añadiendo un current al li del bajo nivel se lo pones al de arriba que lo contenga. No sé como harás la programación, si quieres la pasas y la vemos. Eso sí, a lo mejor eso ya queda fuera del ámbito de estas listas. Un saludo -- Manuel Canga Desarrollo creativo de CMS y frameworks Email: *i...@latrasweb.net* Web: http://www.latrasweb.net Twitter: http://twitter.com/latrasweb_net El 4 de septiembre de 2012 23:12, reynie...@gmail.com <reynie...@gmail.com>escribió: > Exacto ese era el problema pero aún así me va quedando un detalle y es que > el elemento que tiene current no debe tener border por ningun lado, le puse > border:0 al current pero eso solo aplica a ese LI y no al de encima cual es > el selector css para decirle que el border-bottom del elemento inmediato > superior al current sea 0? > > Ing. Reynier Perez Mira > eMail: reynie...@gmail.com, reynier. <reynie...@hotmail.com> > pe...@treswd.com > Website: http://www.reynierpm.com > Skype: reynierpm > Mobile: +58 424.180.5609 > > > > 2012/9/4 Manuel Canga - Latrasweb.net <i...@latrasweb.net> > > > No hace falta, ya he visto el fallo, retiro lo dicho. > > Ha sido un descuido. En los estilos que contengan: > > > > ul.box_content_navigation li > > > > cambialos a: > > > > > > ul.box_content_navigation > li > > > > > > Un saludo > > -- > > Manuel Canga > > Desarrollo creativo de > > CMS y frameworks > > Email: *i...@latrasweb.net* > > Web: http://www.latrasweb.net > > Twitter: http://twitter.com/latrasweb_net > > > > > > > > El 4 de septiembre de 2012 23:03, reynie...@gmail.com > > <reynie...@gmail.com>escribió: > > > > > Bueno probé el código de Anabel y casi que funciona al 100% pero me > > genera > > > un border doble en los elementos hijos. > > > > > > Ing. Reynier Perez Mira > > > eMail: reynie...@gmail.com, reynier. <reynie...@hotmail.com> > > > pe...@treswd.com > > > Website: http://www.reynierpm.com > > > Skype: reynierpm > > > Mobile: +58 424.180.5609 > > > > > > > > > > > > 2012/9/4 Manuel Canga - Latrasweb.net <i...@latrasweb.net> > > > > > > > En verdad, aprovecho y voy un poco más allá. > > > > Una etiqueta siempre puede más tener de una clase, pero no más de un > > id ( > > > > además > > > > único en toda la web ). > > > > > > > > Podrías tener: > > > > > > > > <p class="fondo color tipo">Mi casa</p> > > > > <p class="fondo color">Mi web</p> > > > > <p class="fondo">Mi gadget</p> > > > > <p class="color">Mi css</p> > > > > > > > > css: > > > > p.fondo { background-color: blue; } > > > > p.color { color: green; } > > > > p.tipo { font-weight: bold; } > > > > p.fondo.color.tipo { border: 1px solid red; } > > > > > > > > resultado: > > > > Mi casa tendra borde rojo, fondo azul, color de texto verde y negrita > > en > > > > letra. > > > > Mi web tendra color de fondo azul y color de texto verde > > > > Mi gadget tendrá fondo azul > > > > Mi css tendrá color de fuente verde. > > > > > > > > Espero que sirva para aclarar todo más. > > > > > > > > Por cierto, +1 a la recomendación de Anabel. > > > > > > > > > > > > > > > > Un saludo > > > > -- > > > > Manuel Canga > > > > Desarrollo creativo de > > > > CMS y frameworks > > > > Email: *i...@latrasweb.net* > > > > Web: http://www.latrasweb.net > > > > Twitter: http://twitter.com/latrasweb_net > > > > > > > > > > > > > > > > El 4 de septiembre de 2012 22:49, reynie...@gmail.com > > > > <reynie...@gmail.com>escribió: > > > > > > > > > Interesante, exactamente eso es lo que estoy buscando mas no sabia > > que > > > se > > > > > podian "concatenar" por decirlo de alguna forma las clases de tal > > como > > > lo > > > > > haces tu en li.icon-event.current siempre pense hasta ahorita que > era > > > > > li.icon-event .current. Pruebo esta opción y te digo como me fue. > > > > > > > > > > Saludos y gracias > > > > > Ing. Reynier Perez Mira > > > > > eMail: reynie...@gmail.com, reynier. <reynie...@hotmail.com> > > > > > pe...@treswd.com > > > > > Website: http://www.reynierpm.com > > > > > Skype: reynierpm > > > > > Mobile: +58 424.180.5609 > > > > > > > > > > > > > > > > > > > > 2012/9/4 Manuel Canga - Latrasweb.net <i...@latrasweb.net> > > > > > > > > > > > Sí, perfectamente. Ya me quedo totalmente claro. > > > > > > En estas listas hemos hablado en varias ocasiones > > > > > > de unir clases css. Esa podría ser tu solución. > > > > > > > > > > > > Veamos: > > > > > > > > > > > > <ul class="box_content_navigation" > > > > > > > > > > > > > <li class="icon-home first"><a href="inicio">Inicio</a></li> > > > > > > <li class="icon-blog has_children"><a href="cmvblog">Blog</a> > > > > > > <ul> > > > > > > <li class="subitem first"><a > > href="cmvblog/create">Crear > > > > > > entrada</a></li> > > > > > > <li class="subitem last"><a > > > > > > href="cmvblog/categories">Categorías</a></li> > > > > > > </ul> > > > > > > </li> > > > > > > <li class="icon-event current"><a > href="event">Eventos</a></li> > > > > > > <li class="icon-members"><a > href="members">Directorio</a></li> > > > > > > <li class="icon-friends last"><a > > href="relations">Amigos</a></li> > > > > > > <li class="icon-messages"><a > href="messages">Mensajes</a></li> > > > > > > <li class="icon-account"><a href="edit-profile">Editar > > > > > perfil</a></li> > > > > > > <li class="icon-admincp hide-for-small"><a href="admin" > > > > > > target="_blank">Panel de Control</a></li> > > > > > > </ul> > > > > > > > > > > > > Fíjate que en li de eventos, le he añadido la clase current > además > > > > > > de la que ya tenía. > > > > > > > > > > > > ¿Cómo hacemos ahora para darle a ese elemento?. Así. > > > > > > > > > > > > li.icon-event.current { background: > > > > > > url("../images/comvivem/icon_eventos_hover.png") > > > > > > no-repeat scroll 0 4px transparent; background-color: #000 } > > > > > > > > > > > > > > > > > > Fíjate, le he dicho al sistema css del navegador que quiero darle > > > > estilo > > > > > > a un li que tenga la clase icon-event y que ademas tenga la clase > > > > > .current > > > > > > Es decir, quiero darle estilo a un li cuando tenga ambas clases y > > > luego > > > > > > ponemos todas las propiedades de estilo que queramos darle en ese > > > caso. > > > > > > > > > > > > El li lo he puesto por clarificar, siempre lo hago así, pero no > es > > > > > > necesario. > > > > > > > > > > > > > > > > > > Un saludo > > > > > > -- > > > > > > Manuel Canga > > > > > > Desarrollo creativo de > > > > > > CMS y frameworks > > > > > > Email: *i...@latrasweb.net* > > > > > > Web: http://www.latrasweb.net > > > > > > Twitter: http://twitter.com/latrasweb_net > > > > > > > > > > > > > > > > > > > > > > > > El 4 de septiembre de 2012 22:37, reynie...@gmail.com > > > > > > <reynie...@gmail.com>escribió: > > > > > > > > > > > > > Hola Manuel y gracias por tu respuesta, precisamente eso es lo > > que > > > > > > quiero o > > > > > > > sea cambiar el color del fondo del LI que toma clase "current" > > pero > > > > > > > manteniendo el icono asociado a la mismo en el estado hover. > > Veamos > > > > un > > > > > > > ejemplo: supongamos que el li con class="icon-event" toma la > > clase > > > > > > current > > > > > > > tambien por lo cual quedaria li class="icon-event current" > bueno > > si > > > > se > > > > > > dan > > > > > > > de cuenta ese icon-event tiene un estado por default > > > > > > > .icon-event{background: url("../images/comvivem/ico_ > > > > > > > eventos.png") no-repeat scroll 0 4px transparent;padding: 0 0 0 > > > > > > > 35px;cursor:pointer;border-bottom:1px dotted #CCCCCC} y uno > para > > > > cuando > > > > > > se > > > > > > > le hace un hover .icon-event:hover{background: > > > > > > > url("../images/comvivem/ico_eventos_hover.png") no-repeat > scroll > > 0 > > > > 4px > > > > > > > transparent;padding: 0 0 0 > 35px;cursor:pointer;border-bottom:1px > > > > dotted > > > > > > > #CCCCCC}. Lo que tendria entonces que hacer digamos seria algo > > como > > > > > esto: > > > > > > > .current {background: > > > url("../images/comvivem/ico_eventos_hover.png") > > > > > > > no-repeat scroll 0 4px transparent; background-color: #000} y > > > > > funcionaria > > > > > > > pero solo para este elemento, que pasas si ahora mi clase > current > > > > > > estuvera > > > > > > > en li class="icon-members current"? Como entonces cambiaria al > > > > > > > .icon-members:hover? Me hago entender? > > > > > > > > > > > > > > > > > > > > > Ing. Reynier Perez Mira > > > > > > > eMail: reynie...@gmail.com, reynier. <reynie...@hotmail.com> > > > > > > > pe...@treswd.com > > > > > > > Website: http://www.reynierpm.com > > > > > > > Skype: reynierpm > > > > > > > Mobile: +58 424.180.5609 > > > > > > > > > > > > > > > > > > > > > > > > > > > > 2012/9/4 Manuel Canga - Latrasweb.net <i...@latrasweb.net> > > > > > > > > > > > > > > > No te he entendido bien. Si lo que quieres es que > > > > > > > > a un li con una clase current se le cambie el color de fondo > > > > > > > > pero los iconos se mantengan como el hover. Añade > > > > > > > > a los estilos de current la imagen del icono que tienes en el > > > > hover. > > > > > > > > > > > > > > > _______________________________________________ > > > > > > > Lista de distribución Ovillo > > > > > > > Para escribir a la lista, envia un correo a > > > Ovillo@lists.ovillo.org > > > > > > > Puedes modificar tus datos o desuscribirte en la siguiente > > > dirección: > > > > > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > > > > > _______________________________________________ > > > > > > Lista de distribución Ovillo > > > > > > Para escribir a la lista, envia un correo a > > Ovillo@lists.ovillo.org > > > > > > Puedes modificar tus datos o desuscribirte en la siguiente > > dirección: > > > > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > > > _______________________________________________ > > > > > Lista de distribución Ovillo > > > > > Para escribir a la lista, envia un correo a > Ovillo@lists.ovillo.org > > > > > Puedes modificar tus datos o desuscribirte en la siguiente > dirección: > > > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > _______________________________________________ > > > > Lista de distribución Ovillo > > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > > _______________________________________________ > > > Lista de distribución Ovillo > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > _______________________________________________ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
