Foros del Web » Creando para Internet » CSS »

problemas con etiqueta <a>

Estas en el tema de problemas con etiqueta <a> en el foro de CSS en Foros del Web. Hola a todos, a lo mejor mi pregunta es algo q se me ha pasado, pero la verdad nunca me habia ocurrido, tengo una etiqueta ...
  #1 (permalink)  
Antiguo 16/02/2011, 15:24
Yoi
 
Fecha de Ingreso: noviembre-2008
Mensajes: 144
Antigüedad: 9 años, 1 mes
Puntos: 2
Pregunta problemas con etiqueta <a>

Hola a todos, a lo mejor mi pregunta es algo q se me ha pasado, pero la verdad nunca me habia ocurrido, tengo una etiqueta <a> le adicione una clase, para que pareciera un boton, a continuacion pongo la clase css:

Código CSS:
Ver original
  1. .btVer {
  2.    border-top: 1px solid #db5353;
  3.    background: #f74a4a;
  4.    background: -webkit-gradient(linear, left top, left bottom, from(#e02a2a), to(#f74a4a));
  5.    background: -moz-linear-gradient(top, #e02a2a, #f74a4a);
  6.    padding: 6.5px 13px;
  7.    -webkit-border-radius: 4px;
  8.    -moz-border-radius: 4px;
  9.    border-radius: 4px;
  10.    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  11.    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  12.    box-shadow: rgba(0,0,0,1) 0 1px 0;
  13.    text-shadow: rgba(0,0,0,.4) 0 1px 0;
  14.    color: #fff;
  15.    font-size: 11px;
  16.    font-family: Georgia, serif;
  17.    text-decoration: none;
  18.    vertical-align: middle;
  19.    cursor:pointer;
  20.    }
  21. .btVer:hover {
  22.     border-top-color: #1f5173;
  23.     background: #1f5173;
  24.     color: #ccc;
  25.    }
  26. .btVer:active {
  27.     border-top-color: #1c3340;
  28.     background: #1c3340;
  29.    }

luego le pongo la clase a mi etiqueta:

Código HTML:
Ver original
  1. <a class="btVer">Ver m&aacute;s</a>

todo normal, luego le adiciono el href y me cambia el color de la letra, no entiendo porque, alguien me puede colaborar?

Gracias....
  #2 (permalink)  
Antiguo 16/02/2011, 15:34
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: problemas con etiqueta <a>

Deberías incluir el color de los enlaces en una regla a.btVer:link{ color: #fff; }
Te recomiendo que incluyas la a inicial en las declaraciones para los enlaces.
Esta declaración debe ir antes de la de :hover.
  #3 (permalink)  
Antiguo 16/02/2011, 15:39
Yoi
 
Fecha de Ingreso: noviembre-2008
Mensajes: 144
Antigüedad: 9 años, 1 mes
Puntos: 2
Respuesta: problemas con etiqueta <a>

mmm me disculpo, si funciona, pero cambia de color al momento de visitar el enlace.
Sabes como cambiarle o ponerlo blanco aunq haya visitado el link?
  #4 (permalink)  
Antiguo 16/02/2011, 15:45
Avatar de dreamkarkayu  
Fecha de Ingreso: junio-2010
Mensajes: 22
Antigüedad: 7 años, 5 meses
Puntos: 2
Respuesta: problemas con etiqueta <a>

Cita:
Iniciado por Yoi Ver Mensaje
mmm me disculpo, si funciona, pero cambia de color al momento de visitar el enlace.
Sabes como cambiarle o ponerlo blanco aunq haya visitado el link?
Prueba a.btVer:visited{ color: #fff; } despues de :link pero antes de :hover.

Para maquetar bien los enlaces deberias usar las pseudo clases de estos (como te ha comentado el compañero) y no maquetar solo la etiqueta <a>.

Un saludo

Última edición por dreamkarkayu; 16/02/2011 a las 15:47 Razón: mejorar la legibilidad
  #5 (permalink)  
Antiguo 16/02/2011, 15:47
Yoi
 
Fecha de Ingreso: noviembre-2008
Mensajes: 144
Antigüedad: 9 años, 1 mes
Puntos: 2
Respuesta: problemas con etiqueta <a>

dreamkarkayu, muy bn, funciono muy bn, era algo sencillo, pero no me alumbraba el bombillo, gracias por la ayuda...
  #6 (permalink)  
Antiguo 16/02/2011, 16:10
 
Fecha de Ingreso: diciembre-2010
Ubicación: valencia
Mensajes: 203
Antigüedad: 7 años
Puntos: 11
Respuesta: problemas con etiqueta <a>

para otra vez resetea el css y evitaras cosas similares.
  #7 (permalink)  
Antiguo 16/02/2011, 16:16
Yoi
 
Fecha de Ingreso: noviembre-2008
Mensajes: 144
Antigüedad: 9 años, 1 mes
Puntos: 2
Respuesta: problemas con etiqueta <a>

como reseteo el css?
como puedo hacerlo?
  #8 (permalink)  
Antiguo 16/02/2011, 16:23
 
Fecha de Ingreso: diciembre-2010
Ubicación: valencia
Mensajes: 203
Antigüedad: 7 años
Puntos: 11
Respuesta: problemas con etiqueta <a>

http://es.wikipedia.org/wiki/Reset_CSS
  #9 (permalink)  
Antiguo 16/02/2011, 16:23
Avatar de dreamkarkayu  
Fecha de Ingreso: junio-2010
Mensajes: 22
Antigüedad: 7 años, 5 meses
Puntos: 2
Respuesta: problemas con etiqueta <a>

Cita:
Iniciado por Yoi Ver Mensaje
dreamkarkayu, muy bn, funciono muy bn, era algo sencillo, pero no me alumbraba el bombillo, gracias por la ayuda...
De nada, para eso estamos :)


Cita:
Iniciado por enrique4480 Ver Mensaje
para otra vez resetea el css y evitaras cosas similares.
El resetear el CSS no va a evitar que tenga que usar pseudo-clases para los enlaces. No veo a donde quieres llegar con eso.

Un saludo
  #10 (permalink)  
Antiguo 16/02/2011, 16:38
 
Fecha de Ingreso: diciembre-2010
Ubicación: valencia
Mensajes: 203
Antigüedad: 7 años
Puntos: 11
Respuesta: problemas con etiqueta <a>

en ningun momento puse que el hacerlo evitaria usarlas. lo que evitaria seria esto:

Cita:
todo normal, luego le adiciono el href y me cambia el color de la letra, no entiendo porque, alguien me puede colaborar?
Cita:
mmm me disculpo, si funciona, pero cambia de color al momento de visitar el enlace.
es decir todo el post se a basado en que el a definido una clase y luego el comportamiento no era el esperado, haciendo reset se soluciona este problema.
  #11 (permalink)  
Antiguo 16/02/2011, 17:34
Yoi
 
Fecha de Ingreso: noviembre-2008
Mensajes: 144
Antigüedad: 9 años, 1 mes
Puntos: 2
Respuesta: problemas con etiqueta <a>

De igual manera agradezco sus ayudas ya que me fueron muy utiles...

Etiquetas: etiquetas
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:04.