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. >>>> >>>> Peeeeero, 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" /> >>>> <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.html" class="resaltada">Tie<strong>n</ >>>> strong>da</a></li> >>>> <li><a href="colecciones.html">Colecci<strong >>>> class="resaltada">o</strong>nes</a></li> >>>> <li><a href="novedades.html">Nov<strong class="resaltada">e</ >>>> strong>dades</a></li> >>>> <li><a href="contactar.html">Cont<strong class="resaltada">a</ >>>> strong>ctar</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="resaltada">Tie<strong >>>>> class="resaltada">n</strong>da</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 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
