Re: [Ovillo] Preload para background en Div
2008/8/6 Diana Gentilini [EMAIL PROTECTED]: Hola listeros, tengo lo siguiente: 1) en un archivo .css: div#ContenedoraIndex{ width:100%; text-align:center; background-image:url(imgs/background_index_ancho.jpg); background-position:center; background-repeat:no-repeat;} Puedes usar javascript. head script var bartolo = new Image(); bartolo.src = imgs/background_index_ancho.jpg; /script /head la ventaja de esto, es que esta invocando el fichero en el header, antes siquiera de empezar la renderizacion. incluso lo puedes poner antes de la inclusion de los ficheros CCS, si quieres.. lo puedes poner justo debajo de head, para que sea lo primerisimo que haga la pagina. tambien puedes poner un color plano a ese fondo, el mismo que tendra el jpg. de modo que la transicion sea mas suave. y si hay textura en el jpg, un pequeño gif con esa textura. ___ 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
[Ovillo] CSS a:hover que no sé hacer funcionar
Hola a todas y todos. A ver si me explico y que se me entienda :-))) Tengo el siguiente código XTHML: div id=container div id=leftmenu/div ul id=navbar lia href=tienda.htmlTiestrong class=resaltadan/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div Con este CSS: #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } .resaltada a:hover { text-decoration:none; } Como veis una letra de cada elemento del LI tiene un estilo diferente que podéis revisar en el CSS como .resaltada. Mi idea es que al pasar el ratón por encima el estilo de esa letra cambie al estado que reflejo en .resaltada a:hover, pero esta claro que algo no hago bien porque no lo logro. ¿Qué hago mal? Gracias. Javier ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Hola Javier, lo que tienes que hacer es asignar la clase resaltada al enlace y no al elemento strong. Ej. a href=tienda.html class=resaltadaTiestrongn/strongda/a Saludos, Tamara ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Un saludo Tamara, gracias por la rapidez. Si asigno la clase al enlace me cambia el estilo de todo el texto, solo quiero cambiar el estilo de esa letra en concreto. Javier El 07/08/2008, a las 12:55, Tamara Forza escribió: Hola Javier, lo que tienes que hacer es asignar la clase resaltada al enlace y no al elemento strong. Ej. a href=tienda.html class=resaltadaTiestrongn/strongda/a Saludos, Tamara ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Hola Javier, Si asigno la clase al enlace me cambia el estilo de todo el texto, solo quiero cambiar el estilo de esa letra en concreto. Perdona, no lo había entendido. Entonces prueba con el mismo código que te indiqué antes pero con estos estilos: a.resaltada:hover strong { text-decoration:none; } No lo he probado pero pienso que debería funcionar. Saludos, Tamara ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer funcion ar
yo tampoko lo he probado, pero creo que si no es así es muy parecido, instalate el addons de firefox firebug, y realiza los cambios ahi mismo en el explorador puedes editar el css y cambiar lo que quieras, es mucho mas rapido. El jue, 07-08-2008 a las 13:08 +0200, Tamara Forza escribió: Hola Javier, Si asigno la clase al enlace me cambia el estilo de todo el texto, solo quiero cambiar el estilo de esa letra en concreto. Perdona, no lo había entendido. Entonces prueba con el mismo código que te indiqué antes pero con estos estilos: a.resaltada:hover strong { text-decoration:none; } No lo he probado pero pienso que debería funcionar. Saludos, Tamara ___ 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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Nada que perdonar, gracias por tu ayuda. No tira... lo he dejado tal que así: .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Con los class en strong pero no funciona, al pasar el ratón no aplica el estilo... Javier El 07/08/2008, a las 13:08, Tamara Forza escribió: Hola Javier, Si asigno la clase al enlace me cambia el estilo de todo el texto, solo quiero cambiar el estilo de esa letra en concreto. Perdona, no lo había entendido. Entonces prueba con el mismo código que te indiqué antes pero con estos estilos: a.resaltada:hover strong { text-decoration:none; } No lo he probado pero pienso que debería funcionar. Saludos, Tamara ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Hola, No tira... lo he dejado tal que así: .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Con los class en strong pero no funciona, al pasar el ratón no aplica el estilo... Si te fijas, lo que estás haciendo en la segunda definición de tu CSS es asignar el color al contenido de un strong dentro de un enlace de clase resaltada. Mientra en el código no has definido ningún enlace de esta clase. Para no confundirnos más, prueba ponerle la misma clase a los enlaces y elementos strong. Ej. a href=tienda.html class=resaltadaTiestrong class=resaltadan/strongda/a y los sigiuentes estilos: a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Ya me dirás si así te vale o no. Un saludo, Tamara ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer funcion ar
te lo voy a mirar haber si lo soluciono. El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió: Te voy nombrar santa por la paciencia que tienes. Pero, sigue sin funcionar, he pasado el Firebug que recomienda el co-listero Neftalí pero no encuentro errores. He probado de todo, no soy capaz de dar con el tema. Seguro que es una chorrada y estoy hoy especialmente cargado. Copio el código completo de todo por si alguien ve algo raro. HTML: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS: @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Gracias una vez más. Javier El 07/08/2008, a las 13:36, Tamara Forza escribió: Hola, No tira... lo he dejado tal que así: .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Con los class en strong pero no funciona, al pasar el ratón no aplica el estilo... Si te fijas, lo que estás haciendo en la segunda definición de tu CSS es asignar el color al contenido de un strong dentro de un enlace de clase resaltada. Mientra en el código no has definido ningún enlace de esta clase. Para no confundirnos más, prueba ponerle la misma clase a los enlaces y elementos strong. Ej. a href=tienda.html class=resaltadaTiestrong class=resaltadan/strongda/a y los sigiuentes estilos: a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Ya me dirás si así te vale o no. Un saludo, Tamara ___ 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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer funcion ar
Hola Neftalí, por si te sirve de ayuda lo he subido al server. http://www.bijujolie.com Lo que ves es la alicación que me indicaba Tamara. Javier El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió: te lo voy a mirar haber si lo soluciono. El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió: Te voy nombrar santa por la paciencia que tienes. Pero, sigue sin funcionar, he pasado el Firebug que recomienda el co-listero Neftalí pero no encuentro errores. He probado de todo, no soy capaz de dar con el tema. Seguro que es una chorrada y estoy hoy especialmente cargado. Copio el código completo de todo por si alguien ve algo raro. HTML: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS: @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Gracias una vez más. Javier El 07/08/2008, a las 13:36, Tamara Forza escribió: Hola, No tira... lo he dejado tal que así: .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Con los class en strong pero no funciona, al pasar el ratón no aplica el estilo... Si te fijas, lo que estás haciendo en la segunda definición de tu CSS es asignar el color al contenido de un strong dentro de un enlace de clase resaltada. Mientra en el código no has definido ningún enlace de esta clase. Para no confundirnos más, prueba ponerle la misma clase a los enlaces y elementos strong. Ej. a href=tienda.html class=resaltadaTiestrong class=resaltadan/strongda/a y los sigiuentes estilos: a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Ya me dirás si así te vale o no. Un saludo, Tamara ___ 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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Hola, con este código: a href=tienda.html class=resaltadaTiestrong class=resaltadan/strongda/a estilos 1 - haciendo el hover se intercambian los colores: a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } estilos 2 - haciendo el hover se cambia sólo el color del strong: /* añade esta linea a los estilos anteriores*/ a.resaltada:hover { color:#C90; } Un saludo, Tamara ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer func ionar
vale yo me estaba creando la pagina, bueno haber explicame concretamente que es lo que pasa, las letras estan en naranja sin subrayar, y la letra del strong está subrayada y en gris, cuando le pasamos el raton se vuelve todo gris, que es lo que tendría que hacer??? El jue, 07-08-2008 a las 14:30 +0200, Javier Barcelona escribió: Hola Neftalí, por si te sirve de ayuda lo he subido al server. http://www.bijujolie.com Lo que ves es la alicación que me indicaba Tamara. Javier El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió: te lo voy a mirar haber si lo soluciono. El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió: Te voy nombrar santa por la paciencia que tienes. Pero, sigue sin funcionar, he pasado el Firebug que recomienda el co-listero Neftalí pero no encuentro errores. He probado de todo, no soy capaz de dar con el tema. Seguro que es una chorrada y estoy hoy especialmente cargado. Copio el código completo de todo por si alguien ve algo raro. HTML: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS: @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Gracias una vez más. Javier El 07/08/2008, a las 13:36, Tamara Forza escribió: Hola, No tira... lo he dejado tal que así: .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Con los class en strong pero no funciona, al pasar el ratón no aplica el estilo... Si te fijas, lo que estás haciendo en la segunda definición de tu CSS es asignar el color al contenido de un strong dentro de un enlace de clase resaltada. Mientra en el código no has definido ningún enlace de esta clase. Para no confundirnos más, prueba ponerle la misma clase a los enlaces y elementos strong. Ej. a href=tienda.html class=resaltadaTiestrong class=resaltadan/strongda/a y los sigiuentes estilos: a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Ya me dirás si así te vale o no. Un saludo, Tamara ___ 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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ Lista de
Re: [Ovillo] CSS a:hover que no sé hacer funcion ar
A ver, si lo que quieres es que la letra especial (con la clase destacada) esté subrayada y con el color #666 (el resto tiene #C90) y que al pasar el ratón por encima se quite el subrayado y se quede con el color #C90 a mi lo siguiente me funciona. HTML !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / title BijuJolie.com /title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu /div ul id=navbar li a href=tienda.htmlTiestrong class=resaltadan/strongda/a/li li a href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li li a href=novedades.htmlNovstrong class=resaltadae/strongdades/a/li li a href=contactar.htmlContstrong class=resaltadaa/strongctar/a/li /ul /div /body /html CSS @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Prueba a ver si es eso lo que quieres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Javier Barcelona Enviado el: jueves, 07 de agosto de 2008 14:30 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo]CSS a:hover que no sé hacer funcionar Hola Neftalí, por si te sirve de ayuda lo he subido al server. http://www.bijujolie.com Lo que ves es la alicación que me indicaba Tamara. Javier El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió: te lo voy a mirar haber si lo soluciono. El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió: Te voy nombrar santa por la paciencia que tienes. Pero, sigue sin funcionar, he pasado el Firebug que recomienda el co-listero Neftalí pero no encuentro errores. He probado de todo, no soy capaz de dar con el tema. Seguro que es una chorrada y estoy hoy especialmente cargado. Copio el código completo de todo por si alguien ve algo raro. HTML: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS: @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Gracias una vez más. Javier El 07/08/2008, a las 13:36, Tamara Forza escribió: Hola, No tira... lo he dejado tal que así: .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Con los class en strong pero no funciona, al pasar el ratón no aplica el estilo... Si
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Buenos días, Creo que es ésto lo que buscas: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / style @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } /*texto sin destacar*/ a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } /*letra destacada del texto sin destacar*/ a:link strong, a:visited strong, a:active strong{ text-decoration:underline; color:#666; } a:hover strong{ text-decoration:none; color:#C90; } /*enlace destacado*/ a.resaltada:link, a.resaltada:visited, a.resaltada:active { text-decoration:none; color:#C90; font-weight:bold } a.resaltada:hover { color:#666; font-weight:bold } /*letra destacada enlace destacado*/ a.resaltada:link strong, a.resaltada:visited strong, a.resaltada:active strong{ text-decoration:underline; color:#666; font-weight:bold } a.resaltada:hover strong{ text-decoration:none; color:#C90; font-weight:bold } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } /style /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/strongda/a/li lia href=colecciones.htmlColeccistrongo/strongnes/a/li lia href=novedades.htmlNovstronge/strongdades/a/li lia href=contactar.htmlContstronga/strongctar/a/li /ul /div /body /html Un saludo, Josean El 7 de agosto de 2008 14:36, Alvarez Laurnaga, Jose Antonio [EMAIL PROTECTED] escribió: A ver, si lo que quieres es que la letra especial (con la clase destacada) esté subrayada y con el color #666 (el resto tiene #C90) y que al pasar el ratón por encima se quite el subrayado y se quede con el color #C90 a mi lo siguiente me funciona. HTML !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / title BijuJolie.com /title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu /div ul id=navbar li a href=tienda.htmlTiestrong class=resaltadan/strongda/a/li li a href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li li a href=novedades.htmlNovstrong class=resaltadae/strongdades/a/li li a href=contactar.htmlContstrong class=resaltadaa/strongctar/a/li /ul /div /body /html CSS @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Prueba a ver si es eso lo que quieres -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de Javier Barcelona Enviado el: jueves, 07 de agosto de 2008 14:30 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo]CSS a:hover que no sé hacer funcionar Hola Neftalí, por si te sirve de ayuda lo he subido al server. http://www.bijujolie.com Lo que ves es la alicación que me indicaba Tamara. Javier El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió: te lo voy a mirar haber si lo soluciono. El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió: Te voy nombrar santa por la paciencia
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Hola Javier Si lo único que quieres que al poner el link encima del enlace, ponga toda la palabra en gris y sin text-decoration, incluida la letra resaltada, lo único que debes es cambiar el orden de tu primera declaración: .resaltada a:hover { text-decoration:none; } y poner: a:hover .resaltada { text-decoration:none; } y si quieres poner más cambios a la letra resaltada al poner encima de la palabra debes ponerlos en: a:hover .resaltada Espero que te sirva... 2008/8/7 citius [EMAIL PROTECTED] Buenos días, Creo que es ésto lo que buscas: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / style @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } /*texto sin destacar*/ a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } /*letra destacada del texto sin destacar*/ a:link strong, a:visited strong, a:active strong{ text-decoration:underline; color:#666; } a:hover strong{ text-decoration:none; color:#C90; } /*enlace destacado*/ a.resaltada:link, a.resaltada:visited, a.resaltada:active { text-decoration:none; color:#C90; font-weight:bold } a.resaltada:hover { color:#666; font-weight:bold } /*letra destacada enlace destacado*/ a.resaltada:link strong, a.resaltada:visited strong, a.resaltada:active strong{ text-decoration:underline; color:#666; font-weight:bold } a.resaltada:hover strong{ text-decoration:none; color:#C90; font-weight:bold } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } /style /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/strongda/a/li lia href=colecciones.htmlColeccistrongo/strongnes/a/li lia href=novedades.htmlNovstronge/strongdades/a/li lia href=contactar.htmlContstronga/strongctar/a/li /ul /div /body /html Un saludo, Josean El 7 de agosto de 2008 14:36, Alvarez Laurnaga, Jose Antonio [EMAIL PROTECTED] escribió: A ver, si lo que quieres es que la letra especial (con la clase destacada) esté subrayada y con el color #666 (el resto tiene #C90) y que al pasar el ratón por encima se quite el subrayado y se quede con el color #C90 a mi lo siguiente me funciona. HTML !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / title BijuJolie.com /title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu /div ul id=navbar li a href=tienda.htmlTiestrong class=resaltadan/strongda/a/li li a href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li li a href=novedades.htmlNovstrong class=resaltadae/strongdades/a/li li a href=contactar.htmlContstrong class=resaltadaa/strongctar/a/li /ul /div /body /html CSS @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Prueba a ver si es eso lo
[Ovillo] Cuarta edición del Fundamentos Web
Hola: Como va siendo tradición en estas fechas, la Oficina del W3C en España y la Fundación CTIC tienen el gran honor de presentar oficialmente su edición anual del Fundamentos Web, evento promovido por el Gobierno del Principado de Asturias. La cuarta edición del Fundamentos se celebrará en Gijón, los días 27 y 28 de octubre de 2008 y tendrá novedades con respecto a las ediciones anteriores, que responden a las sugerencias de la comunidad, siempre manteniendo una temática base, que se centra en torno al diseño y desarrollo con estándares Web, este año teniendo en cuenta los Negocios en torno a la Web. Una de las principales novedades es el formato del programa: se condensa en dos jornadas y se dividen en varias sesiones con temáticas específicas. En el primer día se celebran conferencias y mesas redondas, con sesiones en paralelo. Al día siguiente, hay dos talleres prácticos para que cada asistente pueda sacar provecho más a fondo del tema que más le interese. Este año, pasarán por el Fundamentos expertos internacionales en diseño y desarrollo Web con estándares de la talla de Jesse James Garrett o Peter-Paul Koch (PPK), además de los mayores especialistas en CMSs y personas con una trayectoria satisfactoria en el mundo de los negocios gracias a la utilización de las Tecnologías de la Información y de la Comunicación. Otra novedad es la incorporación de grandes talentos dentro del panorama nacional. Para más información, puedes consultar el sitio web oficial [1]. Un saludo, Oficina Técnica Fundamentos Web [1] http://www.fundamentosweb.org/2008 -- Martín Álvarez Espinar Oficina W3C España Edificio CTIC Parque Científico-Tecnológico de Gijón 33203 - Gijón, Asturias, España tel.: +34 984390616; +34 984291212; fax: +34 984390612 email: [EMAIL PROTECTED] URL: http://www.w3c.es ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer func ionar
A ver, el efecto que quiero lograr es: Link en reposo: Texto en color naranja y una letra en gris, negrita y subrayada Link al pasar el ratón: El texto naranja pasa a ser gris y el gris pierde el subrayado (solo el subrayado no la negrita) y se vuelve naranja. Acabo de legar de comer, por eso no he respondido. Javier El 07/08/2008, a las 14:36, Neftalí Guerrero Pancorbo escribió: vale yo me estaba creando la pagina, bueno haber explicame concretamente que es lo que pasa, las letras estan en naranja sin subrayar, y la letra del strong está subrayada y en gris, cuando le pasamos el raton se vuelve todo gris, que es lo que tendría que hacer??? El jue, 07-08-2008 a las 14:30 +0200, Javier Barcelona escribió: Hola Neftalí, por si te sirve de ayuda lo he subido al server. http://www.bijujolie.com Lo que ves es la alicación que me indicaba Tamara. Javier El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió: te lo voy a mirar haber si lo soluciono. El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió: Te voy nombrar santa por la paciencia que tienes. Pero, sigue sin funcionar, he pasado el Firebug que recomienda el co-listero Neftalí pero no encuentro errores. He probado de todo, no soy capaz de dar con el tema. Seguro que es una chorrada y estoy hoy especialmente cargado. Copio el código completo de todo por si alguien ve algo raro. HTML: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS: @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Gracias una vez más. Javier El 07/08/2008, a las 13:36, Tamara Forza escribió: Hola, No tira... lo he dejado tal que así: .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Con los class en strong pero no funciona, al pasar el ratón no aplica el estilo... Si te fijas, lo que estás haciendo en la segunda definición de tu CSS es asignar el color al contenido de un strong dentro de un enlace de clase resaltada. Mientra en el código no has definido ningún enlace de esta clase. Para no confundirnos más, prueba ponerle la misma clase a los enlaces y elementos strong. Ej. a href=tienda.html class=resaltadaTiestrong class=resaltadan/strongda/a y los sigiuentes estilos: a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Ya me dirás si así te vale o no. Un saludo, Tamara ___ 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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer funcion ar
Hola Jose Antonio... no funciona, cambia el texto naranja a gris pero la letra resaltada sigue en gris y subrayada. Javier El 07/08/2008, a las 14:36, Alvarez Laurnaga, Jose Antonio escribió: A ver, si lo que quieres es que la letra especial (con la clase destacada) esté subrayada y con el color #666 (el resto tiene #C90) y que al pasar el ratón por encima se quite el subrayado y se quede con el color #C90 a mi lo siguiente me funciona. HTML !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / title BijuJolie.com /title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu /div ul id=navbar li a href=tienda.htmlTiestrong class=resaltadan/strongda/ a/li li a href=colecciones.htmlColeccistrong class=resaltadao/ strongnes/a/li li a href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li li a href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Prueba a ver si es eso lo que quieres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] ] En nombre de Javier Barcelona Enviado el: jueves, 07 de agosto de 2008 14:30 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo]CSS a:hover que no sé hacer funcionar Hola Neftalí, por si te sirve de ayuda lo he subido al server. http://www.bijujolie.com Lo que ves es la alicación que me indicaba Tamara. Javier El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió: te lo voy a mirar haber si lo soluciono. El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió: Te voy nombrar santa por la paciencia que tienes. Pero, sigue sin funcionar, he pasado el Firebug que recomienda el co-listero Neftalí pero no encuentro errores. He probado de todo, no soy capaz de dar con el tema. Seguro que es una chorrada y estoy hoy especialmente cargado. Copio el código completo de todo por si alguien ve algo raro. HTML: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS: @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Gracias una vez más. Javier El 07/08/2008, a las 13:36, Tamara Forza escribió: Hola, No tira... lo he dejado tal que así: .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Con los
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Gracias, pero no consigue el efecto que busco. Javier El 07/08/2008, a las 15:12, xanfran escribió: Hola Javier Si lo único que quieres que al poner el link encima del enlace, ponga toda la palabra en gris y sin text-decoration, incluida la letra resaltada, lo único que debes es cambiar el orden de tu primera declaración: .resaltada a:hover { text-decoration:none; } y poner: a:hover .resaltada { text-decoration:none; } y si quieres poner más cambios a la letra resaltada al poner encima de la palabra debes ponerlos en: a:hover .resaltada Espero que te sirva... 2008/8/7 citius [EMAIL PROTECTED] Buenos días, Creo que es ésto lo que buscas: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / style @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } /*texto sin destacar*/ a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } /*letra destacada del texto sin destacar*/ a:link strong, a:visited strong, a:active strong{ text-decoration:underline; color:#666; } a:hover strong{ text-decoration:none; color:#C90; } /*enlace destacado*/ a.resaltada:link, a.resaltada:visited, a.resaltada:active { text-decoration:none; color:#C90; font-weight:bold } a.resaltada:hover { color:#666; font-weight:bold } /*letra destacada enlace destacado*/ a.resaltada:link strong, a.resaltada:visited strong, a.resaltada:active strong{ text-decoration:underline; color:#666; font-weight:bold } a.resaltada:hover strong{ text-decoration:none; color:#C90; font-weight:bold } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } /style /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/strongda/a/li lia href=colecciones.htmlColeccistrongo/strongnes/a/ li lia href=novedades.htmlNovstronge/strongdades/a/li lia href=contactar.htmlContstronga/strongctar/a/li /ul /div /body /html Un saludo, Josean El 7 de agosto de 2008 14:36, Alvarez Laurnaga, Jose Antonio [EMAIL PROTECTED] escribió: A ver, si lo que quieres es que la letra especial (con la clase destacada) esté subrayada y con el color #666 (el resto tiene #C90) y que al pasar el ratón por encima se quite el subrayado y se quede con el color #C90 a mi lo siguiente me funciona. HTML !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / title BijuJolie.com /title link href=styles.css rel=stylesheet type=text/ css media=screen / /head body div id=container div id=leftmenu /div ul id=navbar li a href=tienda.htmlTiestrong class=resaltadan/strongda/a/li li a href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li li a href=novedades.htmlNovstrong class=resaltadae/strongdades/a/li li a href=contactar.htmlContstrong class=resaltadaa/strongctar/a/li /ul /div /body /html CSS @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Prueba a ver si es eso lo que quieres -Mensaje
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Hola Javier Pues lo dicho, pon: a:hover .resaltada { text-decoration:none; color:#C90; } en lugar de: .resaltada a:hover { text-decoration:none; } A mi me funciona... 2008/8/7 Javier Barcelona [EMAIL PROTECTED] Hola Jose Antonio... no funciona, cambia el texto naranja a gris pero la letra resaltada sigue en gris y subrayada. Javier El 07/08/2008, a las 14:36, Alvarez Laurnaga, Jose Antonio escribió: A ver, si lo que quieres es que la letra especial (con la clase destacada) esté subrayada y con el color #666 (el resto tiene #C90) y que al pasar el ratón por encima se quite el subrayado y se quede con el color #C90 a mi lo siguiente me funciona. HTML !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / title BijuJolie.com /title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu /div ul id=navbar li a href=tienda.htmlTiestrong class=resaltadan/strongda/ a/li li a href=colecciones.htmlColeccistrong class=resaltadao/ strongnes/a/li li a href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li li a href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Prueba a ver si es eso lo que quieres -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] ] En nombre de Javier Barcelona Enviado el: jueves, 07 de agosto de 2008 14:30 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo]CSS a:hover que no sé hacer funcionar Hola Neftalí, por si te sirve de ayuda lo he subido al server. http://www.bijujolie.com Lo que ves es la alicación que me indicaba Tamara. Javier El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió: te lo voy a mirar haber si lo soluciono. El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió: Te voy nombrar santa por la paciencia que tienes. Pero, sigue sin funcionar, he pasado el Firebug que recomienda el co-listero Neftalí pero no encuentro errores. He probado de todo, no soy capaz de dar con el tema. Seguro que es una chorrada y estoy hoy especialmente cargado. Copio el código completo de todo por si alguien ve algo raro. HTML: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS: @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada {
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Hola xanfran, pues a mi no me funciona ni en Firefox, ni en Safari, ni en Flock Ya he probado lo que comentas, lo he probado todo. No tengo ni idea de lo que hago mal. Javier El 07/08/2008, a las 16:44, xanfran escribió: Hola Javier Pues lo dicho, pon: a:hover .resaltada { text-decoration:none; color:#C90; } en lugar de: .resaltada a:hover { text-decoration:none; } A mi me funciona... 2008/8/7 Javier Barcelona [EMAIL PROTECTED] Hola Jose Antonio... no funciona, cambia el texto naranja a gris pero la letra resaltada sigue en gris y subrayada. Javier El 07/08/2008, a las 14:36, Alvarez Laurnaga, Jose Antonio escribió: A ver, si lo que quieres es que la letra especial (con la clase destacada) esté subrayada y con el color #666 (el resto tiene #C90) y que al pasar el ratón por encima se quite el subrayado y se quede con el color #C90 a mi lo siguiente me funciona. HTML !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / title BijuJolie.com /title link href=styles.css rel=stylesheet type=text/ css media=screen / /head body div id=container div id=leftmenu /div ul id=navbar li a href=tienda.htmlTiestrong class=resaltadan/strongda/ a/li li a href=colecciones.htmlColeccistrong class=resaltadao/ strongnes/a/li li a href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li li a href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Prueba a ver si es eso lo que quieres -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] ] En nombre de Javier Barcelona Enviado el: jueves, 07 de agosto de 2008 14:30 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo]CSS a:hover que no sé hacer funcionar Hola Neftalí, por si te sirve de ayuda lo he subido al server. http://www.bijujolie.com Lo que ves es la alicación que me indicaba Tamara. Javier El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió: te lo voy a mirar haber si lo soluciono. El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió: Te voy nombrar santa por la paciencia que tienes. Pero, sigue sin funcionar, he pasado el Firebug que recomienda el co-listero Neftalí pero no encuentro errores. He probado de todo, no soy capaz de dar con el tema. Seguro que es una chorrada y estoy hoy especialmente cargado. Copio el código completo de todo por si alguien ve algo raro. HTML: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS: @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666;
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Hola de nuevo ¿Puedes subir los cambios a http://www.bijujolie.com/ para ver como está ahora? Porque ahora mismo está: a.resaltada:hover strong.resaltada { color:#CC9900; text-decoration:none; } 2008/8/7 Javier Barcelona [EMAIL PROTECTED] Hola xanfran, pues a mi no me funciona ni en Firefox, ni en Safari, ni en Flock Ya he probado lo que comentas, lo he probado todo. No tengo ni idea de lo que hago mal. Javier El 07/08/2008, a las 16:44, xanfran escribió: Hola Javier Pues lo dicho, pon: a:hover .resaltada { text-decoration:none; color:#C90; } en lugar de: .resaltada a:hover { text-decoration:none; } A mi me funciona... 2008/8/7 Javier Barcelona [EMAIL PROTECTED] Hola Jose Antonio... no funciona, cambia el texto naranja a gris pero la letra resaltada sigue en gris y subrayada. Javier El 07/08/2008, a las 14:36, Alvarez Laurnaga, Jose Antonio escribió: A ver, si lo que quieres es que la letra especial (con la clase destacada) esté subrayada y con el color #666 (el resto tiene #C90) y que al pasar el ratón por encima se quite el subrayado y se quede con el color #C90 a mi lo siguiente me funciona. HTML !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / title BijuJolie.com /title link href=styles.css rel=stylesheet type=text/ css media=screen / /head body div id=container div id=leftmenu /div ul id=navbar li a href=tienda.htmlTiestrong class=resaltadan/strongda/ a/li li a href=colecciones.htmlColeccistrong class=resaltadao/ strongnes/a/li li a href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li li a href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS @charset UTF-8; * { margin:0px; padding:0px; } body { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Prueba a ver si es eso lo que quieres -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] ] En nombre de Javier Barcelona Enviado el: jueves, 07 de agosto de 2008 14:30 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo]CSS a:hover que no sé hacer funcionar Hola Neftalí, por si te sirve de ayuda lo he subido al server. http://www.bijujolie.com Lo que ves es la alicación que me indicaba Tamara. Javier El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió: te lo voy a mirar haber si lo soluciono. El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió: Te voy nombrar santa por la paciencia que tienes. Pero, sigue sin funcionar, he pasado el Firebug que recomienda el co-listero Neftalí pero no encuentro errores. He probado de todo, no soy capaz de dar con el tema. Seguro que es una chorrada y estoy hoy especialmente cargado. Copio el código completo de todo por si alguien ve algo raro. HTML: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleBijuJolie.com/title link href=styles.css rel=stylesheet type=text/css media=screen / /head body div id=container div id=leftmenu/div ul id=navbar lia href=tienda.html class=resaltadaTiestrongn/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div /body /html CSS: @charset UTF-8; * { margin:0px; padding:0px; }
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Javier Barcelona escribió: Hola a todas y todos. A ver si me explico y que se me entienda :-))) Tengo el siguiente código XTHML: div id=container div id=leftmenu/div ul id=navbar lia href=tienda.htmlTiestrong class=resaltadan/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div Con este CSS: #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } .resaltada a:hover { text-decoration:none; } Como veis una letra de cada elemento del LI tiene un estilo diferente que podéis revisar en el CSS como .resaltada. Mi idea es que al pasar el ratón por encima el estilo de esa letra cambie al estado que reflejo en .resaltada a:hover, pero esta claro que algo no hago bien porque no lo logro. ¿Qué hago mal? Hola, La mayor parte de los problemas con css vienen porque el selector no es correcto, es decir, poner un selector mal, es como poner mal la ruta de una imagen, pero además está el problema de la especificidad, es decir, si hay alguna orden que esta siendo más especifica, es la que prevalece. En esto que tu propones, lo primero es que hay un pequeño problema técnico, porque pretendes que una pseudo clase funcione sobre un elemento strong y eso no funciona en Explorer 6, así que habría que darle una vueltas, porque por otro lado, a nivel de marcado, no le veo el sentido esa etiqueta strong que pones, que corresponde más bien a su aspecto que a su significado. De todas formas, en cuanto al selector, tu tienes una etiqueta strong con la clase resaltada dentro de a y en este código que envías ( no se como ha quedado después de todas las respuestas, así que me atengo al inicial) estas pidiéndoles que cambien a las etiquetas a que estén dentro de la clase .resaltada. Eso en html seria a href=tienda.htmlTiestrong class=resaltadaan/a/strongda/a que no siendo correcto a nivel de marcado, si te solucionaría el problema de Explorer 6. El selector en css para el html que tenías debería ser: a strong.resaltada:hover pero la pseudo clase hover se la estás aplicando a un elemento diferente a a y como ya te he dicho, Explorer 6 no lo entiende. Por otro lado, optimizando tu css, la clase .resaltada no hace falta, podrías evitarla poniendo este selector: #navbar li a strong. Espero que hayas entendido mi explicación, en cualquier caso la respuesta a lo que preguntas: que hago mal? es: estas poniendo el selector incorrectamente. En mi opinión te estás liando y yo creo que lo mejor que puedes hacer para solucionar un problema que parece sobre todo gráfico, es sustituir mediante css los textos (quitándoles el strong) por imágenes con aquella letra cambiada, que van a quedar mejor. Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.com ___ 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
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Rafael García Lepper escribió: Javier Barcelona escribió: En mi opinión te estás liando y yo creo que lo mejor que puedes hacer para solucionar un problema que parece sobre todo gráfico, es sustituir mediante css los textos (quitándoles el strong) por imágenes con aquella letra cambiada, que van a quedar mejor. O mejor aún, utilizar el pseudo elemento :first-letter http://www.w3.org/TR/CSS21/selector.html#first-letter -- Saludos -=stripTM=- ___ 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