Comohacer para que en una misma pagina el color de dos textos vinculados sea distinto

Importtex · #1 (**permalink**) 19/10/2004, 12:58

he diseñado una pagina en la que los textos vinculados aparecen en color gris, y al pasar el puntero sobre de ellos se pone blanco, mi problema es que una parte de esta pagina es gris, por lo que algunos textos al vincularlos no se ven ya que son del mismo color

que el fondo, me gustaria saber si se puede que solo esos textos que estan sobre el fondo gris pueda cambiarles el color, quedando los demas como estaban.

Gracias.

jesusbet · #2 (**permalink**) 19/10/2004, 13:11

Puedes aplicarles clases o id's...

<a href="" class="link1">enlace</a>
<a href="" class="link2">enlace2</a>

Salud

iconogt · #3 (**permalink**) 19/10/2004, 15:46

Aquí te dejo un código para que lo modifiques a tu gusto

pega esto entre <head> y </head>

Código:

<style type="text/css">
<!--
a:link { text-decoration: none;font-family: Verdana,Arial;font-size: 12px;color: #ffffff; }
a:active { text-decoration: none;font-family: Verdana,Arial;font-size: 12px;color: #000000; }
a:visited { text-decoration: none;font-family: Verdana,Arial;font-size: 12px;color:  #114477; }
a:hover { text-decoration: underline;font-family: Verdana,Arial;font-size: 12px;color: #c9c9c9; }
</style>

solo tienes que cambiar los colores y listo

, espero te haya servido...
slds...

iconogt · #4 (**permalink**) 19/10/2004, 15:47

mmm, aunque creo que este tema correspondería mas al foro de CSS. Pero igual...

safe · #5 (**permalink**) 19/10/2004, 16:23

completo un poco las dos respuestas de los amigos iconogt y jesusbet:

Cita:

<html>
<head>
<style type="text/css">

</style>
</head>

<body>

<a href="#">Enlace Comun</a>
<a href="#" class="diferente">Enlace diferente</a>
</body>
</html>

Importtex · #6 (**permalink**) 21/10/2004, 05:26

Muchas Gracias ya estan listo, parece una tonteria pero me ocaciono bastante quebradero de cabeza, y al final tuve que acudir a los expertos Gracias

tunait · #7 (**permalink**) 21/10/2004, 07:25

Cita:

Iniciado por iconogt

mmm, aunque creo que este tema correspondería mas al foro de CSS. Pero igual...

Efectivamente

Nos vamos para el foro de CSS

movido desde (x)html

saludos

josemi · #8 (**permalink**) 21/10/2004, 08:05

Hola,

Bueno, yo estoy empezando en esto, pero voy a dar otra opcion (que tiene que ver con la C de CSS).

Cita:

me gustaria saber si se puede que solo esos textos que estan sobre el fondo gris pueda cambiarles el color, quedando los demas como estaban.

Supongo que el color de fondo de esa zona la especificas con CSS de otro elemento. Para este caso, pongamos que un div:

Código:

div.gris {
  brackground-color: gris;
}

Pues tambien puedes hacer

Código:

div.gris {
  brackground-color: gris;
}

div.gris a {
  color: azul;
}

y

Código HTML:

<div class="gris"><a href="pagina">link</a></div>

Que significa simplemente "todos los <a> dentro de un <div> de la clase 'gris' tienen color azul".

¿Por que puede ser esto mejor que la otra solucion? Primero, te ahorras un nombre de clase

Segundo, te ahorras teclear

(si tienes 10 <a> en los div grises tendrias que escribir 10 veces class="diferente"). Tambien ahorras transferencia, el fichero es mas ligero.

Saludos.

PD: Ya se que el codigo de los colores no es el correcto, es solo para que se entienda el ejemplo. No vaya a ser que alguien lo copie tal cual y se queje de que no funciona

iconogt · #9 (**permalink**) 21/10/2004, 14:19

Tengo una pregunta que creo que ya había hecho antes

pero igual.

cuando hacen esto:

Código:

div.gris {
 }

Es lo mismo a esto?

Código:

div#gris {
 }

Es decir, la función del punto (.) es la misma función que la que hace el signo (#), eso me tiene un poco confundido...

iconogt · #10 (**permalink**) 21/10/2004, 14:22

jajaaja, una preguntilla... ¿como hacen para mover los temas?

Lo siento si deje una tontería.

jesusbet · #11 (**permalink**) 21/10/2004, 14:29

Conforme a tu primer pregunta:
- cuando en tu documento pones por ejemplo:
<p class="parrafo1">esto es un parrafo de clase parrafo1</p>
Para darle estilo en tu CSS usas el punto

- cuando en tu documento pones:
<p id="parrafo1">esto es un parrafo con identificador parrafo1</p>
en tu CSS debes usar el gato #

Conforme a tu segunda pregunta, los mensajes los mueven los moderadores, supermoderadores y administradores.

Salud

iconogt · #12 (**permalink**) 21/10/2004, 17:45

Ya te entiendo, gracias,

jeje