Entrar

Caracteristicas diferentes para dos enlaces

ZoK3R_2.0 · · Solicitar retirada
Hola amigos, regreso al foro de CCTW (posiblemente ya me habréis visto por aquí)
Bueno, quería deciros que, como hace tiempo que repasé el curso paso a paso de HTML, no me acuerdo de una cosa y no la encuentro y es esta: ¿cómo le doy características distinas a dos enlaces en la misma capa? He creado una nueva clase en css (.enlace) y he puesto class="enlace", pero me sigue cogiendo las características de el primer enlace.
Doodleo · · Solicitar retirada
Te has acordado de poner la clase .enlace entre las etiquetas <style> y </style> y entre <head> y </head>?

Quedaría algo así:

<html>
<head>
[COLOR="blue"]<style>
      [COLOR="red"].enlace {font:italic bold 12px; background-color:green; color:white;}[/COLOR]
    </style>[/COLOR]
</head>
<body>
<span class="enlace">http://comocreartuweb.com</SPAN></p>
</body>
</html>
manmanu · · Solicitar retirada
Hola a todos....
Para poder solucionar este tema de una manera particular debes útilizar un comodín por llamarlo de alguna manera a Span, strong, etc etc.... como pone Doodleo en su ejemplo con span. Te pongo un ejemplo...
Copia este ejemplo en un archivo bloc de notas (windows) y renombralo con la extensión ".html" o "htm", ejecutalo, y mira si es lo que quieres solucionar.
Suerte.

<style>
div#prueba{
    background:#F7F7F7;
    border:#999 solid 1px;
    width:50%;
    padding:1em;
    margin:50px auto 0 auto;
     
}
div#prueba a{
    color:#900;
}
div#prueba a:hover{
    color:#FC0;
}
.cambiodecolortexto{
    color:#3C0;    
}
.cambiodecolortexto:hover{
    color:#96C;
    text-decoration:none;
    font: bold italic 1.4em "Trebuchet MS";
}

</style>

<body>
<div id="prueba">
<p>Todos estos enlaces est&aacute;n en la misma capa div;<br />Esta es una de esas maneras para que el enlace Prueba 2 no herede los valores de la capa div Prueba.<br />Hechale un vistazo....</p>
<a href="#">Prueba 1</a>
<br />
<a class="cambiodecolortexto" href="#"><span class="cambiodecolortexto">Prueba 2</span></a>  <em><strong> &nbsp;&nbsp;&nbsp;a class=&quot;cambiodecolortexto&quot;</strong></em><strong></strong> esto elimina la rayita del enlace al hacer hover en el enlace de Prueba 2<br />
<a href="#">Prueba 3</a><br />
<a href="#">Prueba 4</a>
</div>
Un saludo manmanu