Foros del Web » Creando para Internet » CSS »

cambiar color al ponerse encima

Estas en el tema de cambiar color al ponerse encima en el foro de CSS en Foros del Web. hola! tengo un problema que me extaraña un poco..porque quería que un enlace cambiase de color al ponerse encima, tengo este código @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código ...
  #1 (permalink)  
Antiguo 08/06/2011, 07:43
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
cambiar color al ponerse encima

hola!
tengo un problema que me extaraña un poco..porque quería que un enlace cambiase de color al ponerse encima, tengo este código
Código CSS:
Ver original
  1. #menu li a:hover,
  2. #menu li a:active
  3. {
  4.     color:#000;
  5. }
pero no cambia, de hecho, si le pongo para cambiar el background si que va
Código CSS:
Ver original
  1. #menu li a:hover,
  2. #menu li a:active
  3. {
  4.     background-color:#333333;
  5. }

html:
Código HTML:
Ver original
  1. <ul id="menu">
  2.      <li><a href="?pag=inicio"><span class="negro">i</span>nicio</a></li>
  3.      <li><a href="?pag=servicios"><span class="negro">s</span>ervicios</a></li>
  4.      <li><a href="?pag=multimedia"><span class="negro">g</span>alería</a></li>
  5.      <li><a href="?pag=contacto"><span class="negro">c</span>ontacto</a></li>
  6. </ul>

¿a qué puede ser debido?
gracias, saludos

Última edición por boli-sp; 08/06/2011 a las 08:07
  #2 (permalink)  
Antiguo 08/06/2011, 08:20
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 9 años, 4 meses
Puntos: 28
Respuesta: cambiar color al ponerse encima

Probaste insertandole la pseudo-clase LINK?? Intentalo...

Quedaría algo así tu css...


Código:
#menu li a:link{color:#00f;background:#fff}
#menu li a:hover,#menu li a:active{color:#fff;background:#00f}
Pruebalo así y me comentas!!!
__________________
Adivino del Foro y Admirador de Sabios
  #3 (permalink)  
Antiguo 08/06/2011, 08:35
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: cambiar color al ponerse encima

si..
realmente tengo esto:
Código CSS:
Ver original
  1. #menu li a:hover,
  2. #menu li a:active
  3. {
  4.     color:#000;
  5. }
  6.  
  7. #menu li a:visited,
  8. #menu li a:link
  9. {
  10.     color:#f83434;
  11. }

el enlace tiene el color #f83434 por defecto y al ponerse encima debería cambiar a #000 pero no lo hace..

continúo con el problema, pero gracias por tu ayuda :)
  #4 (permalink)  
Antiguo 08/06/2011, 08:38
 
Fecha de Ingreso: agosto-2009
Mensajes: 52
Antigüedad: 8 años, 2 meses
Puntos: 4
Respuesta: cambiar color al ponerse encima

¿Tienes firebug instalado? puede que haya otra regla de estilo que esté sobreescribiendo el color del link. En todo caso, intenta utilizar:

Código HTML:
#menu li a:hover,
#menu li a:active
{
    color:#000 !important;
}
Échale un vistazo a esto:
http://www.desarrolloweb.com/articulos/declaracion-important-css.html
  #5 (permalink)  
Antiguo 08/06/2011, 09:01
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 9 años, 4 meses
Puntos: 28
Respuesta: cambiar color al ponerse encima

Boli, entonces el problema que tienes es el orden en que escribiste el codigo...

Pusiste:

Código:
#menu li a:hover,#menu li a:active{color:#000}
#menu li a:visited,#menu li a:link{color:#f83434}
Intenta reemplazarlo por este otro:

Código:
#menu li a:link,#menu li a:visited{color:#f83434;background:#fff}
#menu li a:hover,#menu li a:active{color:#000;background:#090}
Hazlo y me comentas!!!
__________________
Adivino del Foro y Admirador de Sabios
  #6 (permalink)  
Antiguo 08/06/2011, 09:04
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: cambiar color al ponerse encima

gracias :D
yo también pense lo de que se me sobreescribiera una regla a otra porque tengo muchos tipos de enlaces distintos pero me hago un lío tener que ir uno a uno mirando..

lo miraré con el firebug

mientras no lo encuentre lo dejo como me dijiste tú.

gracias por tu ayuda ;)
  #7 (permalink)  
Antiguo 08/06/2011, 09:06
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: cambiar color al ponerse encima

pues si, es por el orden!

no lo sabía..gracias :D

muy amables!
  #8 (permalink)  
Antiguo 08/06/2011, 11:13
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 9 años, 4 meses
Puntos: 28
Respuesta: cambiar color al ponerse encima

No hay por que boli!! Recuerda:

Love & Hate

Link Visited Hover Active!! Ese es el orden!!
__________________
Adivino del Foro y Admirador de Sabios

Etiquetas: color, encima
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 05:05.