HTML - Crear una línea vertical

 
Vista:

Crear una línea vertical

Publicado por Alberto (1 intervención) el 11/04/2001 18:51:47
Quería hacer unas separaciones en unas columnas mediante unas líneas verticales. Cómo puedo trazar únicamente líneas? (evitando rectángulos).
Gracias a todos.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Crear una línea vertical

Publicado por biker (3 intervenciones) el 12/04/2001 05:30:56
Hola lo que yo hago es entre las dos columnas creo otra columna de 1pixel y a esta columna le pongo el color para similar una linea vertical
mmm entiendes???
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Crear una línea vertical

Publicado por Anonymous (1 intervención) el 26/09/2008 17:22:00
Pues mira escribe esto:

1
2
3
4
5
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR><TD bgcolor="#000000" width="2"></TD>
<TD width="5"></TD>
<TD width="*"><BR></TD></TR>
</TABLE>

Esto es una tabla nadamas que sin bordes sin cellpadding y sin cellspacing por lo que solo queda una linea Vertical, no hay ninguna formula, etiqueta o como les quieras llamar para hacer una linea vertical, por lo que esto es una forma de hacerlo. Una forma de hacerlo un poquito más facil es insertando una imagen que sea una linea vertical y la formula es esta:

<img src="Aqui pones la ruta de la imagen que quieres insertar" alt="Aqui pones el nombre de la imagen que aparecera en caso de que no se vea la imagen">

NOTA: La ruta es el lugar en donde esta situado por ejemplo:

C:WIndowsTemp
O cosas asi.

Espero que te sirva, un saludo. xD.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

RE:Crear una línea vertical

Publicado por Luis (1 intervención) el 16/08/2013 00:50:40
Excelente ejemplo
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

línea vertical

Publicado por Ulises (1 intervención) el 18/09/2009 21:33:57
Ejemplo de línea vertical

Bueno asi podeis hacer una linea
vertical y se puede poner color
de fondo y borde a los lados que
se quiera solo hay
que cuambiarle el nombre al

1
2
3
4
5
6
<div style="background-color:#FAF0E6;
width:200px;height:200px;
border-right:2px solid black;
padding-left:20px;margin-left:20px;
border-top:2px solid black;
border-bottom:2px solid black;"></div>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

línea vertical

Publicado por tomas (1 intervención) el 10/07/2020 03:10:38
gracias me sirvió
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Breiner Josué
Val: 3
Ha disminuido su posición en 11 puestos en HTML (en relación al último mes)
Gráfica de HTML

línea vertical

Publicado por Breiner Josué (1 intervención) el 25/05/2021 02:48:44
Captura-de-pantalla-54

Gracias muy útil la explicación que dejo, me sirvió bastante. anexe imagen con la línea vertical que hice gracias el ejemplo.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Crear una línea vertical

Publicado por batman (1 intervención) el 11/02/2015 00:08:22
Buenas a todos, viendo las fechas de la pregunta seguramente llego tarde, pero para conseguir un <hr> vertical lo que hay que hacer es darle altura con css:
1
2
3
hr {
    height = 80%; //del contenedor en el que se encuentre por ejemplo
}
y no lo he probado de otra manera, pero creo que el contenedor donde se encuentre tiene que tener un display en línea del tipo inline, inlineblock, justify-content...

espero que os sirva de ayuda
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de ScriptShow
Val: 359
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Crear una línea vertical

Publicado por ScriptShow (409 intervenciones) el 11/07/2020 11:21:54
Saludos,

hay varias formas de hacer líneas verticales. Veamos un ejemplo sencillo y 100% compatible:

1
<div style="border-left:4px solid gray;height:480px;"></div>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar