links con distintos estilos en la misma pag
3 seguidores
tengo la plantilla .css que es asin:
<code>a:link {color: #FFFFFF; cursor: hand; text-decoration: none}
a:hover {color: #FFFFFF; cursor: hand; text-decoration: underline}</code>
y ahora quiero que cambie a:
<code>a:link {color: #333333; cursor: hand; text-decoration: none}</code>
pero solo en un link, de todos los que hay en la pagina.
como?
(siento si se a explicado antes, pero no lo encuentro en el buscador)
meddle
cursor: hand;
lo puedes obviar en todos, es el default junto con pointer.
luego, la pregunta básica: ¿donde tienes el link ese especial? En una capa con algun id? ¿en un titulo? etc etc. un poco mas de info, anda :)
Pero si es el unico link en un titulo h1 puedes hacer:
h1 a:link {....}
o si es el unico link de la capa micapa puedes hacer:
#micapa a:link {...}
Miguelz
Puedes tener más estilos definiendolos:
a.alternate:link {...}
a.alternate:active {...}
a.alternate:hover {...}
a.alternate:visited {...}
Puedes cambiar alternate por lo que quieras, después en el html a un link le dices:
a href="url" class="alternate"...
meddle
eso está bien pero es MUCHO mas correcto si no tiene que usar clases, por lo de separar estructura y estilo :)
SSS
aqui:
<code><td align="right">dise&ntilde;o: <a href="http://tumbao.ws">tumbao.ws</a></td></code>
donde es mejor en el "a" ??
los otros estan en otros "td"
lo de miguelz parece correcto no?
meddle
si, en caso de usar tablas te va a ser mas comodo usar una clase para ese link.
SSS
meddle ya sé que te gusta la filosofia de la programacion a capas contenido-estructura-estilo-comportamientos.
pero todavia no soy capaz de deshacerme de las tablas...
de todas formas lo que dice miguelz no me funciona!
en el archivo .css:
<code>a:link {color: #FFFFFF; cursor: hand; text-decoration: none}
a:hover {color: #FFFFFF; cursor: hand; text-decoration: underline}
a.alternate:link {color: #333333; cursor: hand; text-decoration: none}</code>
en la pag:
<code><td align="right">dise&ntilde;o: <a href="http://tumbao.ws" class="alternate" >tumbao.ws</a></td></code>
sip, tambien uso dreamweaver, y el caso es que en la composicion de la pag sí que sale gris el link, haciendo caso al class
pero al lanzar al navegador no funciona..
meddle
es que es:
.alternate {...}
directamente, porque le pones la clase al link, o bien le quitas la clase y se la pones al td que lo contiene, entonces harias:
.alternate a:link {...}
SSS
amos a ver que soy un paquete...
si pongo en el .css .alternate {...}
y a la "a" class="alternate"
el class a:link
se superpone a alternate y no lo hace, no?
desde luego no me funciona, no se que hago mal,
ahora en el .css:
<code>a:link {color: #FFFFFF; text-decoration: none}
a:hover {color: #FFFFFF; text-decoration: underline}
.alternate {color: #333333; text-decoration: none}</code>
y en la pag:
<code><td align="right">dise&ntilde;o: <a href="http://tumbao.ws" class="alternate" >tumbao.ws</a></td></code>
he probado cambiando el background y la tipografia y eso si que lo cambia pero el color no.
y si paso de class?...
meddle
prueba en la css poniendo:
a[class="alternate"]:link {...}
pero igual IE no chuta, solamente mozilla, no lo se.
SSS
hace exactamente lo mismo:
en el editor grafico del DW se ve, pero al lanzarlo al IE5 no
meddle
mejor movemos la clase al td:
<code><style type="text/css">
body {background:#000}
td{color:#FFFFFF;}
a:link {color: #FFFFFF; text-decoration: none}
a:hover {color: #FFFFFF; text-decoration: underline}
.alternate a:link {color: #333333; text-decoration: none}
</style>
</head>
<body>
<table>
<tr>
<td align="right" class="alternate">con clase <a href="http://tumbao.ws">tumbao.ws</a></td>
<td align="right">sin clase <a href="http://tumbao.ws">tumbao.ws</a></td>
</tr>
</table></code>
SSS
de esta forma queda todo el texto de los td en blanco, de igual color que el link, que sigue empeñado en no leer el gris #333333.
es como si el a:link es el superestilo por encima de todo
que tal un codigo aplicado al "a" onmouseout hace que a:link sea #333333...
no se..
meddle
tio, yo lo veo de puta madre en IE6. lo del clanco en todo el td es porque lo he puesto asi en el css, quita la linea:
td{color:#FFFFFF;}
SSS
hombre, hasta ahi llego.. :)
ya encontrare una solucion
gracias! meddle