Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Como cambiar el color de texto en una lista cuando paso el mouse por arriba

Estas en el tema de Como cambiar el color de texto en una lista cuando paso el mouse por arriba en el foro de CSS en Foros del Web. Hola, tengo un problema, estoy haciendo un menu con css, estoy aprendiendo y tengo algunos ejercicios de practica, quiero hacer un menu, que cuando paso ...
  #1 (permalink)  
Antiguo 07/01/2013, 15:22
Avatar de pouparo  
Fecha de Ingreso: septiembre-2012
Mensajes: 116
Antigüedad: 7 años, 4 meses
Puntos: 0
Como cambiar el color de texto en una lista cuando paso el mouse por arriba

Hola, tengo un problema, estoy haciendo un menu con css, estoy aprendiendo y tengo algunos ejercicios de practica, quiero hacer un menu, que cuando paso el mouse por arriba cambie de color, pude hacerlo bien con el link y con el fondo del texto pero no puedo lograr que el texto cambie si paso por arriba del recuadro, pero sin pasar por el texto.

es decir, si toca el texto el puntero, si cambia, pero si toca el area, cambia el color de fondo pero no el del texto
Quiero que el texto se ponga negro cuando paso el cursor, ya que antes es blanco y al pasar el cursos por el area, se pone el area blanca y de esa manera no se lee el texto. Si paso justo sobre el texto, logro que funciones, pero si paso sobre el area, el area cambia a blanca, pero el texto no cambia a negro..

Esto es lo que arme..

#barra ul{
margin:0;
padding:0;
}

#barra ul li:hover {
background-color:white;
cursor: pointer;
font-size:107%;
color:black;
}

#barra li{
border-width: 0px;
display:inline;
font-weight:bold;
height:40px;
width:128.574px;
background-color:#B40404;
float:left;
text-align:center;
text-decoration:none;
margin:0;
padding-top:10px;

}


A:link {
text-decoration:none;
color:white;

}

A:visited {
text-decoration:none;
color:white;
}

A:hover{
text-decoration:none;
color:black;
}

Agradezco su ayuda, se que puede tener otros errores porque estoy aprendiendo!
  #2 (permalink)  
Antiguo 07/01/2013, 15:31
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años, 5 meses
Puntos: 2111
Respuesta: Como cambiar el color de texto en una lista cuando paso el mouse por arrib

Lo ideal es que el enlace ocupe todo el ítem de la lista. Tendrías que hacer que fuera un elemento de bloque, y aparte, por definir la altura de li, ajustar también la altura del enlace, pero no con height, ya que se descolocaría en su vertical, sino con line-height.

Código CSS:
Ver original
  1. a:link {
  2.   display: block;
  3.   line-height: 40px;
  4.   text-decoration: none;
  5.   color: white;
  6. }

No hace falta que lo declares así también en los demás estados del enlace. Sólo define los valores que vayan a cambiar. En tu caso el color.
  #3 (permalink)  
Antiguo 07/01/2013, 20:57
Avatar de pouparo  
Fecha de Ingreso: septiembre-2012
Mensajes: 116
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Como cambiar el color de texto en una lista cuando paso el mouse por arrib

bueno muchas gracias!!

ahora, no termino de entender porque necesitaba del atributo de interlineado para hacer eso...pero que funciona, funciona..=P

Etiquetas: arriba, color, hover, lista, mouse, paso, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:11.