Foros del Web » Creando para Internet » Diseño web »

Diseño Web - Duda

Estas en el tema de Diseño Web - Duda en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/04/2011, 23:05
jmb0286
Invitado
 
Mensajes: n/a
Puntos:
Pregunta Diseño Web - Duda

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.
  #2 (permalink)  
Antiguo 09/04/2011, 03:05
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Diseño Web - Duda

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
  #3 (permalink)  
Antiguo 09/04/2011, 11:31
jmb0286
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Diseño Web - Duda

Ok. Y la linea punteada es una imagen echa en photohop
  #4 (permalink)  
Antiguo 09/04/2011, 11:38
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 823
Antigüedad: 6 años, 8 meses
Puntos: 116
Respuesta: Diseño Web - Duda

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!!!
__________________
Programador jQuery & PHP
  #5 (permalink)  
Antiguo 09/04/2011, 11:43
Avatar de fishdesign  
Fecha de Ingreso: abril-2011
Ubicación: Málaga
Mensajes: 389
Antigüedad: 6 años, 8 meses
Puntos: 95
Respuesta: Diseño Web - Duda

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

Código CSS:
Ver original
  1. .line{border-bottom:1px dotted #000000; width: 100px;}
  #6 (permalink)  
Antiguo 09/04/2011, 12:04
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 823
Antigüedad: 6 años, 8 meses
Puntos: 116
Respuesta: Diseño Web - Duda

Cita:
Iniciado por fishdesign Ver Mensaje
La linea punteada también se puede hacer con CSS, aunque quizás sea mas recomendable por imagen.

Código CSS:
Ver original
  1. .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.
__________________
Programador jQuery & PHP
  #7 (permalink)  
Antiguo 09/04/2011, 17:58
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Diseño Web - Duda

Cita:
Iniciado por ZoroRoronoa Ver Mensaje
No veo ninguna linea punteaba abajo de los enlaces!!
yo tampoco
  #8 (permalink)  
Antiguo 10/04/2011, 01:20
jmb0286
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Diseño Web - Duda

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.
  #9 (permalink)  
Antiguo 11/04/2011, 23:54
 
Fecha de Ingreso: abril-2008
Mensajes: 222
Antigüedad: 9 años, 7 meses
Puntos: 8
Respuesta: Diseño Web - Duda

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

Etiquetas: diseño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:30.