Doble tipo de estilo CSS en enlaces.

[SeLoKeN]

Hola de nuevo a todos, aquí voy con mi segundo tema ya que el primero me dejó una gran satisfacción.

Resulta que estoy programando una página para mi intranet del trabajo. La página tiene un include a un cabezal con unos bloques (parecido al nuke) y un pie. Resulta que el cabez,al bloques y pie tienen un color de enlaces claro porque éstos son oscuros de fondo. Pero por determinadas circustancias un área de la página la tengo que hacer de colores oscuros, y ese sistema es parecido a los foros donde los usuarios publican mensajes.

Ahora viene el problema, lo que quiero es que cuando los usuarios publiquen un enlace en esos mensajes éste salga con un estilo de link css diferente al resto de la página y que ese estilo sólo funcione en ese campo (es un include también). Pero claro al insertar en ese include el esitlo de los enlaces se me cambian todos incluidos los de cabezal, bloques y pie y yo quiero que éstos conserven su estilo y los de estos mensajes tengan otro diferente. Me pueden ayudar? muchísimas gracias de antemano.

Un saludo.

[Mikmoro]

Los enlaces lo puedes diferenciar bien asignándoles una clase:

<a href="#" class="azul">
<a href="#" class="rojo">

CSS:
.azul {color: blue;}
.rojo {color: red;}

o bien identificándolos a través de su padre, de a quién pertenecen:

<div id="contenedor">
<a href="#">...
</div>

<div id="texto">
<a href="#">...
</div>

CSS:

#contenedor a {color: blue;}
#texto a {color: red;}

A ver si te da una idea de cómo va.

Mikel.

[SeLoKeN]

Iniciado por Mikmoro

Los enlaces lo puedes diferenciar bien asignándoles una clase:

<a href="#" class="azul">
<a href="#" class="rojo">

CSS:
.azul {color: blue;}
.rojo {color: red;}

o bien identificándolos a través de su padre, de a quién pertenecen:

<div id="contenedor">
<a href="#">...
</div>

<div id="texto">
<a href="#">...
</div>

CSS:

#contenedor a {color: blue;}
#texto a {color: red;}

A ver si te da una idea de cómo va.

Mikel.

Hola Mikmoro, gracias por tu interés. Lo que pasa es que eso me indicaría el estilo de enlace para un enlace predefinido por mí, es decir si yo pongo un enlace escrito con html en <a href="" class=""> pero los navegadores automáticamente cuando alguien escribe http://... lo convierten en un link y ese link sale predefinido en el color de los bloques y yo quiero que los que salgan en ese espacio de ese include (que no se cambien los del cabezal y bloques) salgan de otro color. De forma que no puedo asignar a los links que salen de forma automática el class.

Un Saludo.

[Mikmoro]

¿Y la segunda opición?

[SeLoKeN]

Iniciado por Mikmoro

¿Y la segunda opición?

Como que la segunda opción?? jejej perdona pero nose a que te refieres.

Un Saludo.

[prava]

Iniciado por Mikmoro

o bien identificándolos a través de su padre, de a quién pertenecen:

<div id="contenedor">
<a href="#">...
</div>

<div id="texto">
<a href="#">...
</div>

CSS:

#contenedor a {color: blue;}
#texto a {color: red;}

A ver si te da una idea de cómo va.

Mikel.

Lo que Mikel dice es que podes predeterminar estilos para los elementos contenidos en determinadas estructuras como por ejemplo id="contenedor" o id="texto" en el ejemplo. Todos los liks dentro de "contenedor" van a tener color azul y todos los links dentro de "texto" van a tener color rojo.
Saludos,
Pablo

[Mikmoro]

Efectivamente, en mi mensaje identificaba dos maneras posibles de hacerlo (bien de tal manera o bien de tal otra). Con la segunda opción me refiero a la segunda forma que puse, como bien indica prava, que seguramente es la más adecuada par tu caso.

Mikel.