Foros del Web » Creando para Internet » CSS »

Estilo diferenciado para un link

Estas en el tema de Estilo diferenciado para un link en el foro de CSS en Foros del Web. Estimados, Necesito darle un estilo distinto a un link. El problema es que en este momento "mandan" los estilos generales del sitio. Al final de ...
  #1 (permalink)  
Antiguo 12/08/2011, 19:59
Avatar de Chuqui  
Fecha de Ingreso: diciembre-2001
Ubicación: Santiago, Chile
Mensajes: 149
Antigüedad: 15 años, 7 meses
Puntos: 3
Estilo diferenciado para un link

Estimados,

Necesito darle un estilo distinto a un link. El problema es que en este momento "mandan" los estilos generales del sitio.

Al final de esta página hay un botón cuyo texto está de color azul y subrayado. Eso es porque el CSS del sitio así lo estipula. Yo no sé cómo hacer que NO use ese estilo, sino el que yo le asigné:

Código:
.btn_redondo {
background-color:#a20000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:16px;
font-weight:bold;
padding:12px 28px;
text-decoration:none;
}

.btn_redondo:hover {
background-color:#ce0100;
}

.btn_redondo:active {
position:relative;
top:1px;
}
Pero no funciona. ¿Cómo puedo forzar a que el texto se vea blanco y sin subrayar?

Saludos y gracias.
__________________
Si la vida te da la espalda, agárrale el culo!

Última edición por Chuqui; 12/08/2011 a las 20:08 Razón: poner el código en un cuadro
  #2 (permalink)  
Antiguo 12/08/2011, 21:41
Avatar de ArturoGallegos
Colaborador
 
Fecha de Ingreso: febrero-2008
Ubicación: SLP, México
Mensajes: 5.711
Antigüedad: 9 años, 4 meses
Puntos: 918
Respuesta: Estilo diferenciado para un link

pues también seria conveniente ver como tienes estructurado el html recordemos que esto también afecta

por lo mientras prueba aplicando la tag !important en cada regla css que necesites forzar, por ejemplo
Código CSS:
Ver original
  1. .btn_redondo {
  2. background-color:#a20000;
  3. -moz-border-radius:10px;
  4. -webkit-border-radius:10px;
  5. border-radius:10px;
  6. display:inline-block;
  7. color:#fff!important;
  8. font-family:arial;
  9. font-size:16px;
  10. font-weight:bold;
  11. padding:12px 28px;
  12. text-decoration:none!important;
  13. }
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 12/08/2011, 21:48
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 5 meses
Puntos: 306
Respuesta: Estilo diferenciado para un link

El estilo que "marca la cancha" es:
Código XML:
Ver original
  1. #cont_tipo a {
  2. text-decoration: underline;
  3. font-weight: bold;
  4. color: #3D5AC0;
  5. }

Luego, una forma de solucionarlo es definiendo a partir de ahí, es decir:
Código CSS:
Ver original
  1. #cont_tipo a.btn_redondo{
  2. background-color:#a20000;
  3. -moz-border-radius:10px;
  4. -webkit-border-radius:10px;
  5. border-radius:10px;
  6. display:inline-block;
  7. color:#ffffff;
  8. font-family:arial;
  9. font-size:16px;
  10. font-weight:bold;
  11. padding:12px 28px;
  12. text-decoration:none;
  13. }

No sé si es la mejor opción, pero la probé y funciono. Espero te sirva.
Saludos

PD: viste, siempre hay mejores soluciones, por ejemplo la de ag666
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Última edición por C2am; 12/08/2011 a las 21:49 Razón: Mejor solucion: AG666
  #4 (permalink)  
Antiguo 13/08/2011, 21:10
Avatar de Chuqui  
Fecha de Ingreso: diciembre-2001
Ubicación: Santiago, Chile
Mensajes: 149
Antigüedad: 15 años, 7 meses
Puntos: 3
Respuesta: Estilo diferenciado para un link

Hola. Muchas gracias por la ayuda. He resuelto el problema gracias a ustedes. Estuve leyendo sobre el tema, y la verdad es que cada vez se recomienda menos utilizar el !important, ya que para este caso existe la "especificidad" del CSS, que es la solución que aporta C2am.

El !important se usa sólo para casos muy especiales, cuando simplemente no exista otra alternativa.

Un abrazo.
p.d. de todas formas, en este caso usé el !important por una cuestión de tiempo, jajaja, pero ya lo modificaré :)
__________________
Si la vida te da la espalda, agárrale el culo!

Etiquetas: botones, hipervinculos
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 12:37.