Links decorados con puntos. text-decoration?

Citar

Escrito el 25 Feb 2006 08:33 pm

Me he encontrado con una pagina donde he visto que los links los tiene decorados con puntos como si fuera "underline". Esta es la direccion http://stopdesign.com/.

Sabeis como hacerlo? Es css o es una imagen?

Grácias y Saludos!

Por Socrattes

7 de clabLevel

Genero:Masculino

Envíale un mensaje privado Web

Barcelona

Citar

Escrito el 25 Feb 2006 09:14 pm

Código :

   a{
      border-bottom:#FF9900 1px dotted;
   }

Suerte!!!

Por Cep

BOFH

1509 de clabLevel

9 tutoriales

1 ejemplo

Genero:Masculino REC Bastard Operators From Hell

Envíale un mensaje privado Web

Web Developer

@cep_mx

Citar

Escrito el 25 Feb 2006 09:25 pm

Código :


<body>
<style>
a:visited, a:link
{
text-decoration:none;
border-bottom:dashed 1px #00000;
}
a:hover
{
border-bottom:solid 1px #00000;
}
</style>
<a href="#" class="efecto()">texto</a>
</body>

espero te sirva de algo

Por AlejoPD

13 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 25 Feb 2006 09:35 pm

Soccrates, en casos de que veas algo que te sirva, es buena idea echarle un ojo al código fuente
no hay mejor forma de aprender que esa

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 25 Feb 2006 11:33 pm

En vez de ponerle un subrayado usas un borde punteado de 1px. No funciona en IE (salen guiones en vez de puntos), pero si en el resto; creo que lo corrigieron en IE7.

Si deseas que en IE6 o menores también tengan los puntos, puedes usa una imagen de fondo solo para estos navegadores usando condicionales IE.

Un saludo

Por NEO_JP

BOFH