como posicionar una linea vertical con css

gabrielcorr4 · #1 (**permalink**) 22/09/2011, 12:43

Saludos quisiera posicionar una linea vertical en css, soy muy novato en esto, he visto varios manuales pero no entiendo mucho, tengo el siguiente codigo pero siempre me lo pone a la izquierda y yo lo quisiera en un determinado lugar, gracias por la ayuda.

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

#div-border {
border-left: 2px solid #ccc; 
width:1px;
height:200px;
}
</style>
</head>

<body>

<div id="div-border"></div>
</body>
</html>

DrFaust · #2 (**permalink**) 22/09/2011, 13:07

HTML no está diseñado para ubicar formas geométricas en el espacio, sino para organizar y publicar contenido. Sus capacidades gráficas son limitadas.

Dicho esto, siempre podés posicionar el DIV en cuestión de forma absoluta, y moverlo en la pantalla. Por ejemplo, para poner el DIV a 100px del margen superior, y a 200px del margen izquierdo:

#div-border {
position:absolute;
left:200px;
top:100px;
width:1px;
height:200px;
border:2px solid black;
}

Tan simple como eso.

Encuentro que los manuales en papel no son la mejor forma de aprender informática. En Internet hay tutoriales muy accesibles sobre cualquier tema que puedas imaginar. Google es tu amigo.

gabrielcorr4 · #3 (**permalink**) 22/09/2011, 13:15

Exacto eso era, Gracias por su ayuda y tiempo Drfaust.