Foros del Web » Diseño web » CSS »

Línea horizontal

Estas en el tema de Línea horizontal en el foro de CSS en Foros del Web. Hola, primero de todo, me gustaría presentarme, es mi primer post en este foro. Soy Sergi, de 25 años y de Barcelona. Este año he ...
  #1 (permalink)  
Antiguo 15/01/2011, 11:29
Avatar de sergi_multimedia  
Fecha de Ingreso: noviembre-2010
Mensajes: 213
Antigüedad: 3 años, 11 meses
Puntos: 4
Pregunta Línea horizontal

Hola, primero de todo, me gustaría presentarme, es mi primer post en este foro.
Soy Sergi, de 25 años y de Barcelona.

Este año he empezado el Grado Universitario de Multimedia, en la UOC. Estoy a punto de terminar mi primer semestre, y ha sido mi primer contacto con el lenguaje web, la verdad es que las he pasado muy "putas", pero poco a poco, van saliendo las cosas, pero la verdad es que me cuesta bastante, es mucha información de golpe y cuesta asimilar todo.

Estoy seguro que voy aprender muchas cosas aquí, aunque creo que voy a pedir más ayudar de la que puedo dar, al menos de momento, tener un poco de paciencia

Bueno, después de todo este rollo voy a por la pregunta, la mayoría son cosas simples, ya que estoy empezando, y obviamente antes de ponerlo en el foro he estado buscando información por Google.

Bien, la pregunta es la siguiente:

Tengo una lista en display: inline; y quiero poner una línea horizontal que vaya de punta a punta de la página, no solamente de la letra.

Visualmente quiero hacer algo así:



Productos | Servicios | Contacto ________________________________________________


Hay que hacerlo con la etiqueta de <hr>? Si es así ya lo sé hacer, pero me suena que existe otra forma mucho más semántica de hacerlo.

Muchas gracias
  #2 (permalink)  
Antiguo 15/01/2011, 11:41
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 676
Antigüedad: 3 años, 9 meses
Puntos: 36
Respuesta: Línea horizontal

La etiqueta <hr> es un elemento de bloque, es decir ocupa la totalidad del ancho de la página ( o del elemento que lo contenga) y fuerza un salto de línea.
Por tanto, para que te sirviese deberías darle también la propiedad display:inline aparte de situarla en el lugar adecuado.

Otra posibilidad que se usa a menudo es utilizar el borde inferior de un elemento (un <div> por ejemplo) utilizando la propiedad border-bottom.
  #3 (permalink)  
Antiguo 15/01/2011, 11:50
Avatar de sergi_multimedia  
Fecha de Ingreso: noviembre-2010
Mensajes: 213
Antigüedad: 3 años, 11 meses
Puntos: 4
Respuesta: Línea horizontal

Hola sanxuan, gracias por responder tan rápido.

No me ha salido bien lo que yo quería hcer era eso, me he expresado mal


Productos | Servicios | Contacto
________________________________


Pero lo que tu me has dicho me ha servido, es lo que yo buscaba.

Un saludo!

Etiquetas: linea
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 23:09.
SEO by vBSEO 3.3.2