No exactamente Sin espacio, estas haciendo referencia a un <li> que tiene como id "activo"
Con espacio, estas haciendo referencia a un elemento de DENTRO del <li> que tenga por id "activo" Un saludo :) El día 25/06/07, Juan José Montes de Oca Arbós < [EMAIL PROTECTED]> escribió: > > Gracias Alejandro, ahi funcionó perfectamente... entonces, al hacer > referencia a un id dentro de un selector, no hay que dejar espacio... ¿es > eso? > > Saludos!!! > > El día 24/06/07, Alejandro Fernández Gómez <[EMAIL PROTECTED]> > escribió: > > > > Buenas noches > > > > > > Quita el espacio entre li y #activo, de forma que te quede > > .menu ul li#activo > > > > Prueba y nos cuentas :) > > > > El 24/06/2007, a las 17:36, Juan José Montes de Oca Arbós escribió: > > > > > Hola Vicky, (y todo el mundo... ^_^) > > > Mi idea es que los <li> marquen el cambio y no los <a>. He > > > probado tanto > > > con .menu li #activo, como con .menu ul li #activo pero en ningún > > > caso se > > > muestra diferente. Por lo que yo entiendo, debería verse diferente, > > > pero no > > > me hace caso... ¿Porqué? > > > > > > Gracias y gracias tmb por lo del Santo... :D > > > > > > -- > > > Juan José Montes de Oca Arbós. > > > > > > [EMAIL PROTECTED] > > > [EMAIL PROTECTED] > > > http://world5.monstersgame.es/?ac=vid&vid=58044309 > > > http://www.montesoft.com.ar > > > http://www.es-facil.com/ganar/alta?Id=64395956 > > > > > > El día 24/06/07, Victoria Gracia <[EMAIL PROTECTED]> escribió: > > >> > > >> Hola Juan José, > > >> > > >> Si lo que quieres es un elemento fijo (el que marcas como activo) > > >> que se > > >> muestre en un color distinto, es cuestión de cómo has escrito el > > >> selector: > > >> > > >> .menu li #activo > > >> > > >> en lugar de > > >> > > >> .menu ul li #activo > > >> > > >> una sutil diferencia, pero el <li> es hijo de <ul> y no del div > > >> marcado > > >> como "menu". > > >> > > >> Si lo que quieres es que los enlaces sean los que marquen el > > >> cambio de > > >> estado, entonces tienes que: > > >> > > >> 1.- definir los elementos enlace con display: block para que > > >> ocupen todo el ancho del elemento que los contiene (el > > >> <li> en > > >> este caso) > > >> > > >> a { display: block;} > > >> > > >> 2.- definir las características específicas para cada > > >> estado del > > >> enlace, por ejemplo: > > >> > > >> a:link { background-color: #fff; } > > >> a:visited { background-color: #000; } > > >> a:hover { background-color: #f00; } > > >> a:active { background-color: #f00; } > > >> > > >> si además has atribuido una clase a este tipo de enlaces, > > >> podrás > > >> especificar que este comportamiento sólo se aplique a los > > >> elementos enlace de la clase especificada (en este ejemplo > > >> menuA > > >> para que no entre en conflicto con lo que definiste para > > >> menu). > > >> > > >> a.menuA:link { background-color: #fff; } > > >> a.menuA:visited { background-color: #000; } > > >> a.menuA:hover { background-color: #f00; } > > >> a.menuA:active { background-color: #f00; } > > >> > > >> Espero serte de ayuda. > > >> > > >> Un saludo y felicidades por el santo ;) > > >> > > >> Victoria > > >> > > >> > > >> El sáb, 23-06-2007 a las 18:45 -0300, Juan José Montes de Oca Arbós > > >> escribió: > > >>> Buenas a todos, quería consultarles algo... > > >>> > > >>> Tengo un menú armado con una lista desordenada. Dicho menú tiene 3 > > >>> elementos, y quiero que el que esté seleccionado actualmente, > > >>> tenga un > > >> color > > >>> de fondo diferente a los demás. Para esto, cree un estilo que se > > >>> llama > > >>> "activo", y que modifica el color de fondo. > > >>> > > >>> El problema lo tengo porque no funciona... cree un estilo para > > >>> ".menu > > >> li" > > >>> que define como tienen que ser los <li>, y después arme otro > > >>> estilo que > > >>> indica como se tiene que comportar ".menu li #activo", y sin > > >>> embargo, no > > >> lo > > >>> aplica... ¿en que me estoy equivocando? ¿Está mal armada la > > >>> estructura > > >>> ".menu li #activo"? > > >>> > > >>> El código es el siguiente: > > >>> > > >>> <html> > > >>> <head> > > >>> <style> > > >>> * { > > >>> padding: 0px; > > >>> margin: 0px; > > >>> } > > >>> > > >>> body { > > >>> > > >>> } > > >>> > > >>> .menu { > > >>> padding-top: 23px; > > >>> margin-left: 7px; > > >>> float: left; > > >>> width: 180px; > > >>> } > > >>> > > >>> .menu li #activo { > > >>> background-color: #b5edbc; > > >>> padding: 3px 8px; > > >>> width: 100%; > > >>> } > > >>> > > >>> .menu li { > > >>> background-color: #ffead5; > > >>> padding: 3px 8px; > > >>> width: 100%; > > >>> } > > >>> </style> > > >>> </head> > > >>> <body> > > >>> <div class="menu"> > > >>> <ul> > > >>> <li id="activo"> > > >>> <a href="http://www.montesoft.com.ar";>Home</ > > >>> a></li> > > >>> <li> > > >>> <a href="http://www.montesoft.com.ar/perfil.aspx > > >>> ">Perfil</a></li> > > >>> <li> > > >>> <a href="http://www.montesoft.com.ar/ > > >>> productos.aspx > > >>> ">Productos</a></li> > > >>> </ul> > > >>> </div> > > >>> </body> > > >>> </html> > > >>> > > >>> Muchas gracias!!! > > >>> > > >> > > >> _______________________________________________ > > >> 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 > > > > > > -- > Juan José Montes de Oca Arbós. > > [EMAIL PROTECTED] > [EMAIL PROTECTED] > http://world5.monstersgame.es/?ac=vid&vid=58044309 > http://www.montesoft.com.ar > http://www.es-facil.com/ganar/alta?Id=64395956 > _______________________________________________ > 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
