Foros del Web » Creando para Internet » CSS »

Como quitar la herencia en el formato de los links

Estas en el tema de Como quitar la herencia en el formato de los links en el foro de CSS en Foros del Web. No soy capaz de poner el color a un grupo de enlaces de la página, he buscado y probado cine cosas, pero me pierdo.... el ...
  #1 (permalink)  
Antiguo 13/08/2008, 03:01
 
Fecha de Ingreso: marzo-2008
Mensajes: 22
Antigüedad: 9 años, 9 meses
Puntos: 0
Como quitar la herencia en el formato de los links

No soy capaz de poner el color a un grupo de enlaces de la página, he buscado y probado cine cosas, pero me pierdo....

el html es este (la última version, que he dado 100 vueltas)
<div class="culturasmodcont3">
<h4><a class="reportaje" href="<?php echo $link;?>" title="<?php echo strip_tags($row->title);?>"><?php echo $row->title;?></a></h4>

en el css tengo esto .... (seguro que sobra la mitad... y que falta...)
.culturasmodcont3 h4 { color:#fff; font-size: 22pt; padding: 0px 12px 4px 12px; margin: 0px;font-weight: bold;}
.culturasmodcont3 h4 a { color: #fff;}
.culturasmodcont3 a.reportaje:link,a.reportaje:visited, a.reportaje:hover, a.reportaje:active {color: #fff;}


Coge el formato de tamaño de letra, pero no el de color que lo hereda (lo he cotilleado con el firebug) del fichero de css de la pagina general.
Si le quito el enlace y le pongo texto si que lo coge....

gracias de antemano
  #2 (permalink)  
Antiguo 13/08/2008, 05:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Como quitar la herencia en el formato de los links

No entiendo bien. ¿Y qué color te sale?

En este selector tienes un pequeño error:

Cita:
.culturasmodcont3 a.reportaje:link,a.reportaje:visited, a.reportaje:hover, a.reportaje:active {color: #fff;}
Te falta un espacio entre la coma y la "a".
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 13/08/2008, 05:57
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Como quitar la herencia en el formato de los links

Ah, y la forma correcta de ponerlo es:

Cita:
.culturasmodcont3 a.reportaje:link, .culturasmodcont3 a.reportaje:visited, .culturasmodcont3 a.reportaje:hover, .culturasmodcont3 a.reportaje:active {color: #fff;}
si quieres que sólo afecte a los enlaces dentro de .culturasmodcont3.
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 13/08/2008, 11:41
 
Fecha de Ingreso: marzo-2008
Mensajes: 22
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Como quitar la herencia en el formato de los links

he seguido tus indicaciones, he seguido probando y aun no lo he conseguido. Pego lo que me pone el firebug en lo que se que hereda y manda sobre lo que yo le digo el puñetero rojo color:#CC0000 del fichero red.css y el que yo le digo color:#FFFFFF; me lo pone como tachado y pasa de mi...

SOCORRO !!!


.bc-red .contentheading, .bc-red #main-section a, .bc-red .moduletable h3, .bc-red #left-column .module h3, .bc-red #right-column .module h3, .bc-red #left-column .module-menu h3, .bc-red #right-column .module-menu h3, .bc-red #bottommodules1 .module h3, .bc-red #bottommodules2 .module h3, .bc-red #sub-menu a {red.css (línea 7)
color:#CC0000;
}
.culturasmodcont3 h4.reportaje a:link, .culturasmodcont3 h4.reportaje a:visited, .culturasmodcont3 h4.reportaje a:hover, .culturasmodcont3 h4.reportaje a:active {rokmininews.css (línea 434)
color:#FFFFFF; lo ignora del todo....
font-size:22pt;
}
  #5 (permalink)  
Antiguo 13/08/2008, 12:21
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Como quitar la herencia en el formato de los links

Yo creo que sin ver tu código es imposible hacerse idea de qué ocurre. Si puedes pon un enlace a donde los tengas, y si no, pon el código html y el css para que podamos intentar averiguar qué ocurre.
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 13/08/2008, 12:30
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: Como quitar la herencia en el formato de los links

Y si nos dejas ver también tu HTML?... sólo la parte del contenedor culturasmodcont3 hasta el titular h4, porque tu CSS no parece estar mal y lo único que se me ocurre es que en los links dentro del titular tengan un class="otroEstilo"
  #7 (permalink)  
Antiguo 13/08/2008, 13:43
 
Fecha de Ingreso: marzo-2008
Mensajes: 22
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Como quitar la herencia en el formato de los links

perdón que estoy muy torpe....

html:

<div class="culturasmodcont3">
<h4 class="reportaje"> <a title="Niños: Explotación deportiva" href="/index.php?option=com_content&amp;view=article&amp; id=282:ninos-explotacion-deportiva&amp;catid=67:reportajes&amp;Itemid=192"> Niños: Explotación deportiva</a></h4>
</div>


CSS:
.culturasmodcont3 { width: 100%; position: absolute; top: 0px; left: 0px; background-color: transparent; color: #FFFFFF; font-family: Arial,sans-serif;}
.culturasmodcont3 h4.reportaje { color:#fff; font-size: 22pt; padding: 0px 12px 4px 12px; margin: 0px;font-weight: bold;}
.culturasmodcont3 a {font-size: 22pt; color: #fff;}
.culturasmodcont3 h4.reportaje a:link, .culturasmodcont3 h4.reportaje a:visited, .culturasmodcont3 h4.reportaje a:hover, .culturasmodcont3 h4.reportaje a:active {font-size: 22pt;color: #fff ;}

creo que está todo.....
gracias
  #8 (permalink)  
Antiguo 13/08/2008, 16:18
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Como quitar la herencia en el formato de los links

Yo ahí el único error que veo es que te sobra un espacio entre el último #fff y el punto y coma:

Cita:
ont-size: 22pt;color: #fff ;}
Lo que efectivamente te podría inhabilitar ese color. No veo nada más que parezca raro.
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 13/08/2008, 16:35
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Exclamación Respuesta: Como quitar la herencia en el formato de los links

Espero que la sugerencia de Mikmoro te sea de utilidad.

Solo quería darte una sugerencia adicional, cuando vayas a poner tu código en el cuerpo del mensaje envuelve con las etiquetas CODE (), HTML () o PHP () porque de lo contrario te agrega espacios en medio del código lo que dificulta la lectura del mismo.

Saludos .
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #10 (permalink)  
Antiguo 14/08/2008, 01:43
 
Fecha de Ingreso: marzo-2008
Mensajes: 22
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Como quitar la herencia en el formato de los links

un millon de gracias por vuestras respuestas....

El tema es que el codigo debe de estar bien pero antes lee un fichero css red.css del que ereda el puñetero color rojo y "manda" sobre esta instruccion que os enseño (que está en otro "rockmininews.ccs").

Es un proyecto en joomla donde en base a una plantilla he ido modificando las cosillas que queria... como veis sin tener mucha idea...

Estoy en pruebas pero lo publico en esta dirección para que podais ver

http://nuevo2.revistafusion.com

abajo en la seccion que pone reportajes el titulo "reportaje" y "explotación deportiva" es por ejemplo donde tengo problemas.....

Pero ayer he encontrado por ahí de forzar con la opcion !important y ahora lo que me hace es poner en blanco todos los links al pinchar sobre elllos.... lo que hace el no saber.....

  #11 (permalink)  
Antiguo 14/08/2008, 02:24
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Como quitar la herencia en el formato de los links

Ese color rojo proviene de este selector de la hoja red.css:

Cita:
.bc-red .contentheading,
.bc-red #main-section a,
.bc-red .moduletable h3,
.bc-red #left-column .module h3,
.bc-red #right-column .module h3,
.bc-red #left-column .module-menu h3,
.bc-red #right-column .module-menu h3,
.bc-red #bottommodules1 .module h3,
.bc-red #bottommodules2 .module h3,
.bc-red #sub-menu a {
color: #cc0000;
}
Elimina la línea que te señalo y listo.

Y por otro lado, los enlaces no están como creías en ".culturasmodcont3 h4.reportaje", sino en #culturasmod.
__________________
Visita mi nueva web idplus.org
  #12 (permalink)  
Antiguo 29/12/2009, 15:46
Avatar de 1010011010  
Fecha de Ingreso: julio-2009
Ubicación: Xanadú
Mensajes: 58
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: Como quitar la herencia en el formato de los links

Las letras de tus numeros de color hexadecimal que agregas en tus estilos estan en minuscula, si mal no recuerdo los browsers no entienden hexadecimal en minuscula, siempre me da ese problema y cuando veo fue que sin querer redacte asi.

Prueba cambiando eso ojala sea eso..

Cita:
.culturasmodcont3 h4 { color:#fff; font-size: 22pt; padding: 0px 12px 4px 12px; margin: 0px;font-weight: bold;}
.culturasmodcont3 h4 a { color: #fff;}
.culturasmodcont3 a.reportaje:link,a.reportaje:visited, a.reportaje:hover, a.reportaje:active {color: #fff;}
cambialo por esto:

.culturasmodcont3 h4 { color:#FFF; font-size: 22pt; padding: 0px 12px 4px 12px; margin: 0px;font-weight: bold;}
.culturasmodcont3 h4 a { color: #FFF;}
.culturasmodcont3 a.reportaje:link,a.reportaje:visited, a.reportaje:hover, a.reportaje:active {color: #FFF;}

Weno a si a simple vista seria lo primero que probaria, prueba y me cuentas
  #13 (permalink)  
Antiguo 29/12/2009, 15:50
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: Como quitar la herencia en el formato de los links

Hola 1010011010

Te recuerdo el aviso que había al final de este tema y que parece que no has leído.



Tema cerrado.
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 14:43.