Como quitar la herencia en el formato de los links

karlosll · #1 (**permalink**) 13/08/2008, 02:01

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

Mikmoro · #2 (**permalink**) 13/08/2008, 04:55

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

Mikmoro · #3 (**permalink**) 13/08/2008, 04:57

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.

karlosll · #4 (**permalink**) 13/08/2008, 10:41

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;
}

Mikmoro · #5 (**permalink**) 13/08/2008, 11:21

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.

Triby · #6 (**permalink**) 13/08/2008, 11:30

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"

karlosll · #7 (**permalink**) 13/08/2008, 12:43

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&view=article& id=282:ninos-explotacion-deportiva&catid=67:reportajes&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

Mikmoro · #8 (**permalink**) 13/08/2008, 15:18

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.

David · #9 (**permalink**) 13/08/2008, 15:35

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

.

karlosll · #10 (**permalink**) 14/08/2008, 00:43

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

Mikmoro · #11 (**permalink**) 14/08/2008, 01:24

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.

1010011010 · #12 (**permalink**) 29/12/2009, 15:46

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

JavierB · #13 (**permalink**) 29/12/2009, 15:50

Hola 1010011010

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

Tema cerrado.