PDA

Click to See Complete Forum and Search --> : vertical line

srimca
01-28-2003, 12:02 AM
we can draw a horizontal line using <hr> tag.

can we draw a vertical line similarly.if so then what is the syntax for it
Charles
01-28-2003, 04:22 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Style-Type" content="text/css">
<title>Vertical Line</title>
<p style="border-left:solid 2px #8b0000; margin:2em; padding:1em">Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. </p>
srimca
02-02-2003, 11:12 PM
i want the line to be drawn for the whole page vertically
Stefan
02-03-2003, 02:25 AM
Originally posted by srimca
i want the line to be drawn for the whole page vertically

This will work in Opera and Gecko browsers (IE is buggy)

<div style="width:1px; height:100%; position:fixed; top:0; left:100px;">&ampnbsp;</div>

You could also add a background image to your body eg

<body style="background:url(small-image.png) repeat-y 0 100px;">