Re: [Ovillo] CSS a:hover que no sé hacer funcion ar

2008-08-07 Por tema Neftalí Guerrero Pancorbo 
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 funcion ar

2008-08-07 Por tema Neftalí Guerrero Pancorbo 
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

2008-08-07 Por tema Javier Barcelona 
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

2008-08-07 Por tema Alvarez Laurnaga, Jose Antonio 
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 funcion ar

2008-08-07 Por tema Javier Barcelona 
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