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)
sss
hombre, hasta ahi llego.. :)
ya encontrare una solucion
gracias! meddle
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
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
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
hace exactamente lo mismo:
en el editor grafico del DW se ve, pero al lanzarlo al IE5 no
meddle
prueba en la css poniendo:
a[class="alternate"]:link {...}
pero igual IE no chuta, solamente mozilla, no lo se.
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
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
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
si, en caso de usar tablas te va a ser mas comodo usar una clase para ese link.
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
eso está bien pero es MUCHO mas correcto si no tiene que usar clases, por lo de separar estructura y estilo :)
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
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 {...}