problemas con etiqueta <a>

[Yoi]

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:

.btVer {
   border-top: 1px solid #db5353;
   background: #f74a4a;
   background: -webkit-gradient(linear, left top, left bottom, from(#e02a2a), to(#f74a4a));
   background: -moz-linear-gradient(top, #e02a2a, #f74a4a);
   padding: 6.5px 13px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fff;
   font-size: 11px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   }
.btVer:hover {
    border-top-color: #1f5173;
    background: #1f5173;
    color: #ccc;
   }
.btVer:active {
    border-top-color: #1c3340;
    background: #1c3340;
   }
 

luego le pongo la clase a mi etiqueta:

Código HTML:

<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....

[sanxuan]

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.

[Yoi]

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?

[dreamkarkayu]

Iniciado por Yoi

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

[Yoi]

dreamkarkayu, muy bn, funciono muy bn, era algo sencillo, pero no me alumbraba el bombillo, gracias por la ayuda...

[enrique4480]

para otra vez resetea el css y evitaras cosas similares.

[Yoi]

como reseteo el css?
como puedo hacerlo?

[enrique4480]

http://es.wikipedia.org/wiki/Reset_CSS

[dreamkarkayu]

Iniciado por Yoi

dreamkarkayu, muy bn, funciono muy bn, era algo sencillo, pero no me alumbraba el bombillo, gracias por la ayuda...

De nada, para eso estamos :)

Iniciado por enrique4480

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

[enrique4480]

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

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

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.

[Yoi]

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