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
