estilos diferentes, para distintos vinculos

hola muchachos, tanto tiempo.
les cuento: tengo una serie de vinculos, que poseen determinados colores según he querido en la hoja de estilo. pero, en una pagina, donde tengo esos mismos vinculos quiero incluir otros vinculos pero con otros colores. He probado intentanto crear una nueva hoja de estilo enlasada solo a una capa con una tabla en su interior que es la que quiero cambiar, no me resulta.
Quiero concretamente: aplicar una hoja de estilo solo a una capa en particular, en los referido a los colores de los vinculos. ¿como lo hago? :?:

Hola

mira tienes algo asi para todos los enlaces verdad??

A {color: black; text-decoration:none } /*Para caracteristicas generales a los enlaces*/
A:LINK {; } /*para el enlace, tal cual*/
A:VISITED {color:black } /*Para cuando ha sido visitado*/
A:HOVER {text-decoration:underline;background-color:silver} /*Cuando el ratón está sobre él*/
A:ACTIVE {color:blue } /*Cuando está siendo pulsado*/

si deseas que algunos enlaces tengas caracteristicas diferentes independientemente de la capa en que esten, puedes hacer esto:

A.dos {;} /*Para caracteristicas generales a los enlaces*/
A.dos:LINK {; } /*para el enlace, tal cual*/
A.dos:VISITED {;} /*Para cuando ha sido visitado*/
A.dos:HOVER {;} /*Cuando el ratón está sobre él*/
A.dos:ACTIVE {; } /*Cuando está siendo pulsado*/

y en el documento html, lo pondrás asi:

enlace 1
<a class="dos">enlace 2</a>

te esoy poniendo las 2 formas en el enlace uno no tiene "class"
y le hará caso a las caracteristicas que has dejado para todos los enlaces

pero en el enlace 2 le puse el class asi que tendrá caracteristicas distintas

saludos

hola y gracias, voya intentar tu solución, luego te cuento como me fue.

hola, no entiendo bien :oops:
en la hoja de estilo pongo :
a.dos : Link {...}
etc

en el html pongo
<a href ="#">enlace1</a>
<a class="dos">enlace2</a>

¿en que parte del codigo pongo esto? ¿"#" es el nombre de la capa?, ¿que es enlace 1 y 2?

Hola

mira por ejemplo o voy a hacer un enlace para mi plantilla pero quiero que tenga las caracteristicas "dos" de enlaces ok?

Si pulsas aqui vas a la plantilla


recuerda que tienes que ponerle las caracteristicas aqui:

A.dos {;} /*Para caracteristicas generales a los enlaces*/
A.dos:LINK {; } /*para el enlace, tal cual*/
A.dos:VISITED {;} /*Para cuando ha sido visitado*/
A.dos:HOVER {;} /*Cuando el ratón está sobre él*/
A.dos:ACTIVE {; } /*Cuando está siendo pulsado*/


saludos

hola otra vez, no entiendo :oops:
¿seré muy lento?
he provado poner el
Si pulsas aqui vas a la plantilla, por todas partes. pero ¿con que reemplazo "plantilla", con "estilo.css" o el nombre de la capa :?:

puse el
A.dos : link {...} etc,
en la hoja de estilo, pero no entiendo. no se como enlazar la dichosa capa.

podrias, por favor explicarlo de nuevo, más despacio.

quiero concretamente los siguiente:
Dentro de una capa, puse una tabla, en esta tabla tengo varias palabras que deseo vincular a otras paginas. Quiero que estos vinculos tengan otros colores que el resto de los vinculos de esta misma pagina.

disculpa la insistencia pero no entiendo bien tu explicación, agradeciendo nuevamente ronpedro

Lo mejor es que nos pegues el codigo completo de tu plantilla y el de tu hoja de estilo. Asi nosotros te incorporamos el codigo que falta y te explicamos sobre eso, oki?

Dinos también cuales de los enlaces quieres hacer diferentes y qué propiedades quieres que tengan. Por ejemplo: "quiero que todos los enlaces sean azules siempre y que aparezcan subrayados al pasar el raton por encima, menos los de la capa #menu que quiero que sean verdes, con un tamaño de letra algo menos y que se pongan en negrita al pasar el raton por encima, sin subrayado". Oki?

Un saludo, esperamos tus codigos! :wink:

Caracteristicas del enlace 1
A {color: black; text-decoration:none } /*Para caracteristicas generales a los enlaces*/
A:LINK {; } /*para el enlace, tal cual*/
A:VISITED {color:black } /*Para cuando ha sido visitado*/
A:HOVER {text-decoration:underline;background-color:silver} /*Cuando el ratón está sobre él*/
A:ACTIVE {color:blue } /*Cuando está siendo pulsado*/

Para poner un enlace 1 tienes que poner lo siguiente:
enlace 1

A.dos {;} /*Para caracteristicas generales a los enlaces*/
A.dos:LINK {; } /*para el enlace, tal cual*/
A.dos:VISITED {;} /*Para cuando ha sido visitado*/
A.dos:HOVER {;} /*Cuando el ratón está sobre él*/
A.dos:ACTIVE {; } /*Cuando está siendo pulsado*/

Para poner un enlace 2 tienes que poner lo siguiente:
<a class="aqui va la direccion que tu desees, por ejemplo www.buscandocr.com">enlace 2</a>

espero que hayas entendido :wink:

tu archivo css, debem aparecer los siguientes:
A {color: black; text-decoration:none } /*Para caracteristicas generales a los enlaces*/
A:LINK {; } /*para el enlace, tal cual*/
A:VISITED {color:black } /*Para cuando ha sido visitado*/
A:HOVER {text-decoration:underline;background-color:silver} /*Cuando el ratón está sobre él*/
A:ACTIVE {color:blue } /*Cuando está siendo pulsado*/

A.dos {;} /*Para caracteristicas generales a los enlaces*/
A.dos:LINK {; } /*para el enlace, tal cual*/
A.dos:VISITED {;} /*Para cuando ha sido visitado*/
A.dos:HOVER {;} /*Cuando el ratón está sobre él*/
A.dos:ACTIVE {; } /*Cuando está siendo pulsado*/


AMBOS

y el enlace 1
o <a class="aqui va la direccion que tu desees, por ejemplo www.buscandocr.com">enlace 2</a>
, debe ir en el html, calro dentro del body y en lugar que deseees-

hola muchachines y gracias a todos por la ayuda, pero sigo sin poder hacerlo funcionar. Aquí mando los codigos para los vinculos en la hoja de estilo

A:link { font-weight: bold ; color: white ; text-decoration: none; }

A:visited { font-weight: bolder ; color: white ; text-decoration: none; }

A:hover { font-weight: bold ; color: red ; }

A:active { font-weight: bold ; color: red ; }



A.dos:link { font-weight: bold ; color: black ; text-decoration: none; }

A.dos :visited { font-weight: bolder ; color: black ; text-decoration: none; }

A.dos : hover { font-weight: bold ; color: red ; }

A.dos active { font-weight: bold ; color: red ; }

:oops: y esta es la tabla que quiero que tenga los colores de los "dos"
que esta en la paguina html

head...

etc, etc

<link rel="StyleSheet" href="estilo.css" media="screen" type="text/css">
etc, etc....


<div id="Layer12" style="position:absolute; width:592px; height:408px; z-index:49; left: 220px; top: 919px">
<table width="100%" border="1" name="ciudad">
<tr>
<td></td>
<td></td>
</tr>
<tr>
( mucho más)

</tr>
</table>
</div>

etc, etc

:cry: la tabla se llama "ciudad" y esta dentro de la capa "layer12".

les recuerdo que quiero que esta tabla tenga cracterísticas distintas a los enlaces del resto de la pagina, quiero que tengan las características de los enlaces "dos". Agredeciendo que me ayuden de nuevo , a ver si entiendo :oops: ronpedro

hola creo que se te ha olvidado algo

tienes que ponerlos todos y en ese mismo orden aunque estén vacios
y a ti te falta el primero ok?
checa tambien que no haya espacios "A.dos : hover"

Bueno aqui te dejo esto de muestra
esto lo pones en la hoja de estilos, añadiendolo a lo que ya tienes

A.dos {;} /*Para caracteristicas generales a los enlaces*/
A.dos:LINK {font-weight: bold ; color: black ; text-decoration: none;} /*para el enlace, tal cual*/
A:VISITED {font-weight: bold ; color: black ; text-decoration: none;} /*Para cuando ha sido visitado*/
A:HOVER { font-weight: bold ; color: red ;} /*Cuando el ratón está sobre él*/
A:ACTIVE { font-weight: bold ; color: red ;} /*Cuando está siendo pulsado*/

Y esto es parte del codigo html

<div id="Layer12" style="position:absolute; width:592px; height:408px; z-index:49; left: 220px; top: 919px">
<table width="100%" border="1" name="ciudad">
<tr>
<td>Enlace 1</td>
<td>Enlace 2</td>
</tr>
<tr>
( mucho más)

</tr>
</table>
</div>

Bueno, me he puesto un poco en serio y.... aqui tienes, para aprender un poco sobre esto:

http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

No olvides decirme qué te parece! :wink:

Si, es lo mejor jejje

esas lecciones están muy buenas

seguro que con ellas no te enredas

saludos

hola muchachos , la verdad es que trate de hacerlo funcionar de todas las maneras que pude y no me resulto, solucione el problema con las propiedades del dreamweaver, cambiando allí el color, eso si que no cambia de color cuando se pasa el ratón por encima, pero bueno, algo es algo. Voy a revisar las lecciones, el camino corto no resulto, pasa con los atajos. Gracias de todos modos, luego les cuento novedades y seguramente algun problemilla que tenga (como siempre). :wink: ronpedro

RonPedro

Verifica de nuevo si has eliminado el espacio en blanco que has dejado junto a los dos puntos (:)


MAL

A.dos:link { font-weight: bold ; color: black ; text-decoration: none; }
A.dos :visited { font-weight: bolder ; color: black ; text-decoration: none; }
A.dos : hover { font-weight: bold ; color: red ; }
A.dos active { font-weight: bold ; color: red ; }

BIEN

A.dos:link { font-weight: bold ; color: black ; text-decoration: none; }
A.dos:visited { font-weight: bolder ; color: black ; text-decoration: none; }
A.dos:hover { font-weight: bold ; color: red ; }
A.dos:active { font-weight: bold ; color: red ; }

Jorgens te has liado con la fecha. El post es del 5 de octubre :lol: :lol: .
Se nota que tienes mucho trabajo

saludos :wink: