Foros del Web » Creando para Internet » CSS »

La pseudo-clase :visited no funciona

Estas en el tema de La pseudo-clase :visited no funciona en el foro de CSS en Foros del Web. Hola a todos, El título resume lo que sucede paso al código: Probé con diferente orden y tampoco funciona. Me olvidaba, es un sprite con ...
  #1 (permalink)  
Antiguo 19/08/2011, 11:27
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 8 meses
Puntos: 21
La pseudo-clase :visited no funciona

Hola a todos,

El título resume lo que sucede paso al código:
Probé con diferente orden y tampoco funciona.

Me olvidaba, es un sprite con css e imagenes.

Código CSS:
Ver original
  1. #navbar { margin: 20px 0; line-height: 6em; overflow: hidden; }
  2. #navbar ul { float: right; margin: 0; vertical-align: middle;}
  3. #navbar  ul li { display: inline; text-decoration: none; height: 1%; overflow: hidden; }
  4. #navbar ul li a {  margin-left: 0px; text-align: center; }
  5. #navbar a { display: block; background-image: url(img/nav-index.png); background-repeat: no-repeat; float: left; text-indent: -9999px; height: 100px; margin-right: 0px; }
  6. #navbar a#nav_live:LINK { width: 160px; background-position: 0px 0px; }
  7. #navbar a#nav_live:VISITED { background-position: 0px -100px; }#navbarsec a.nav_barrio:VISITED { background-position: -100px -100px; }
  8.  
  9. #navbar a#nav_live:HOVER { background-position: 0px -100px; }
  10. #navbar a#nav_barrio { width: 182px; background-position: -130px 0px; }
  11. #navbar a#nav_barrio:hover { background-position: -130px -100px; }
  12. #navbar a#nav_amenities { width: 183px; background-position: -300px 0px; }
  13. #navbar a#nav_amenities:hover { background-position: -300px -100px; }
  14. #navbar a#nav_planos { width: 183px; background-position: -480px 0px; }
  15. #navbar a#nav_planos:hover { background-position: -480px -100px; }
  16. #navbar a#nav_news { width: 182px; background-position: -650px 0px; }
  17. #navbar a#nav_news:hover { background-position: -650px -100px; }
  18. #navbar a#nav_etapauno { width: 70px; background-position: -850px 0px; }
  19. #navbar a#nav_etapauno:hover { background-position: -850px -100px; }
__________________
_

Última edición por opzina; 19/08/2011 a las 11:50
  #2 (permalink)  
Antiguo 19/08/2011, 12:14
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 16 años, 1 mes
Puntos: 83
Respuesta: La pseudo-clase :visited no funciona

Saludos!

Vamos por pasos:
Primero: no escribas VISITED, sino visited. No es tanto que funcione asi o no, pero es más por respeto al CSS.
Segundo: agrega !important; Se vería algo asi: background-position: 0px -100px !important;
Tercero: agrega background-position: a #navbar a.

Sinceramente, no se si todo eso valla a funcionar. Espero que si.

Hasta Luego!

PD: Si tuvieras el link en linea para verlo, sería perfecto.
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter

Etiquetas: visited, 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 22:02.