| |||
Diferentes estilos para vínculos Cómo hago en DW MX para que en una misma página varias palabras vinculadas tengan estilos diferentes...? Es que con marcos sí, pero si quiero hacerlo sin marcos, no me sale... Vamos, que si cambio los estilos en CSS se me cambian todos... ¿Cómo lo hago? |
| |||
¿eso quiere decir, Patomas, que lo tengo que hacer con código? Es que me estaba matando a buscar la posibilidad de hacerlo con las hojas de estilo CSS... Pero al final, ¿lo tengo que hacer con código...? Gracias, por tu respuesta |
| |||
que no me sale... Lo que quiero es que tengo dos grupos de palabras que son enlaces... y quiero que cada grupo tenga un estilo diferente... pero en los distintos estados... link, hover, active, visited <style type="text/css"> <!-- a:link { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; } a:visited { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; } a:hover { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; } a:active { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; } --> </style> Quiero que todos ellos se pongan blancos FFFFFF cuando el ratón se pone encima. Pero el grupo de la izquierda los links tienen que aparecer en negro, y ponerse grises cuando hayan sido visitados, y blancos cuando se ponga el ratón encima y en el otro grupo que sean grises los links, se pongan blancos con el ratón encima ¿alguien puede decirme cómo? uno de los vínculos, el negro que visitado quiero que se vuelva gris y con el ratón encima blanco, sería 1992 otro de los vinculos, que quiero que sea gris, con el ratón encima blanco y una vez visitado gris igual, sería: entrada irían en la misma página y sin marcos... |
| |||
Respuesta: Diferentes estilos para vínculos lo debes hacer con código, mira un ejemplo .tipo1 a { font-size: 14px; text-align:left; text-decoration: none; color: #000; } .tipo1 a:hover { font-size: 14px; background-position: bottom; text-decoration: none; color: #FFF; } .tipo2 a { font-size: 14px; text-align:left; text-decoration: none; color: #888; } .tipo2 a:hover { font-size: 14px; background-position: bottom; text-decoration: none; color: #FFF; } Asi te quedan dos estilos: tipo1 y tipo2, puedes hacer todos los que quieras, ademas hay mas atributos para mejorar la visualización, pero eso ya es otro cuento |