Diseño Web - Duda

[jmb0286]

Tengo una duda como se hace en http://www.manblogger.com

Las secciones ONLINE DATING - SPEED AND BLIND DATING

1.La parte del texto y link
2.Y las rayita punteada.


Desde ya gracias.

[cristian_cena]

Hola jmb, debes crear un enlace en el body
<a href="#">mi enlace</a>

y darle unos estilos en el head dentro de el tag style:

a{text-decoration:none;} /*por defecto*/
a:hover{text-decoration:underline;}/*estilos para cuando posamos el raton: usamos :hover*/

Saludos

[jmb0286]

Ok. Y la linea punteada es una imagen echa en photohop

[ZoroRoronoa]

cual linea punteada?
La que aparece alrededor cuando das clic ????

Eso es algo por defecto en todos los links, al dar clic aparece esa linea punteada.

Y la puedes quitar usando la propiedad CSS.
outline: none;

saludos!!!

[fishdesign]

La linea punteada también se puede hacer con CSS, aunque quizás sea mas recomendable por imagen.

Código CSS:

.line{border-bottom:1px dotted #000000; width: 100px;}
 

[ZoroRoronoa]

Iniciado por fishdesign

La linea punteada también se puede hacer con CSS, aunque quizás sea mas recomendable por imagen.

Código CSS:

.line{border-bottom:1px dotted #000000; width: 100px;}
 

No veo ninguna linea punteaba abajo de los enlaces!!
Lo unico que veo es el outline cuando das clic... No se a que se debe esta respuesta.

[cristian_cena]

Iniciado por ZoroRoronoa

No veo ninguna linea punteaba abajo de los enlaces!!

yo tampoco

[jmb0286]

Claro, yo digo la linea que aparece al final. Es como un linea divisoria entre cada parte después de cada foto y texto. Gracias por las respuestas.

[gerchulino]

entre un div y otro pones este codigo
<hr style="border:1px dotted red; width:300px" />
modificalo a tu gusto.........