a href

WhyzZ_

Hola buenas tardes.
Soy algo nuevo en html, y tengo una dudilla.

Cuando hago un hipervinculo con <a href=""></a> el texto aparece vinculado en azul, y con underline. ¿Qué otros modos tengo de hacerlo? Preferiblemente sin usar JavaScript o imágenes.
Edito para ampliar que quiero especificar el color de fuente, no aparezca underline y el vinculo no aparezca en color morado después de ser clickado.

Muchas gracias

dagavi

Para eso usa CSS.

Este tutorial de XHTML + CSS es ameno y sencillo de seguir: http://www.box.net/shared/q0l7i6zjdc

WhyzZ_

Entendido #2 Dagavi. Muchas gracias.

NeB1

busca sobre a:hover

oFF-sIDE

Exacto, en el código CSS tendrías que poner cosas como:
a{
color:...
text-decoration:...
}
a:hover{
color:...
}
a:active{
color:...
}
a:visited{
color:...
}

erdanblo

Se puede editar también en la etiqueta <body> (ya que estamos en plan chapuza HTML que mas da)

Kaos

Venga te veo la chapuza y la supero.

<a href="#" style="text-decoration:none;"><font color='#333333'>Hola</font></a>

xD
Podríamos hacer un concurso de la chapuza más gorda, sería interesante.

erdanblo

Con JS:
http://www.tutores.iexperto.com/?codigo=894&Cambio-de-color-de-enlaces-en-segundos

Crawler

#8 xDDDD bastisimo

kolka

#7 <a href="#" style="text-decoration:none;"><font color='black'>Hola</font></a>

Esta difícil la cosa...

smoGG

para novatos te recomendaria dreamweaver, ke practicamente con un par de clicks te hace eso ke tu comentas, y es intuitivo.

NeB1

sin <a> y con jquery xD

<script>
  $(document).ready(function(){

$(".enlace").click(function(){
  preventdefault();
  $("#".this.id).animate({color:#0000ff});500);
  window.location.href="asdasdadsa.com";

});



  });



</script>




<span class="enlace">Hola</span>

yo q sé xD

Crawler

NeB1 podrias hacerlo con link, y que la función de javascript incluyese un return false y luego el window.location...

flameros! :P

M4nSoN

a:link {
color: #000000;
text-decoration: none; (el color que sea)

}
a:visited {
text-decoration: none;
color: #000000; (el color que sea)

}
a:hover {
text-decoration: none;
color: #000000; (el color que sea)

}
a:active {
text-decoration: none;
color: #000000; (el color que sea)
}

Usuarios habituales

  • M4nSoN
  • Crawler
  • NeB1
  • smoGG
  • erdanblo
  • Kaos
  • WhyzZ_