we can draw a horizontal line using <hr> tag.<br />
<br />
can we draw a vertical line similarly.if so then what is the syntax for it<!--content--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br />
"http://www.w3.org/TR/html4/strict.dtd"><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<meta name="Content-Style-Type" content="text/css"><br />
<title>Vertical Line</title><br />
<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><!--content-->i want the line to be drawn for the whole page vertically<!--content-->Originally posted by srimca <br />
i want the line to be drawn for the whole page vertically <br />
<br />
This will work in Opera and Gecko browsers (IE is buggy)<br />
<br />
<div style="width:1px; height:100%; position:fixed; top:0; left:100px;">&nbsp;</div><br />
<br />
You could also add a background image to your body eg<br />
<br />
<body style="background:url(small-image.png) repeat-y 0 100px;"><!--content-->
<br />
can we draw a vertical line similarly.if so then what is the syntax for it<!--content--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br />
"http://www.w3.org/TR/html4/strict.dtd"><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<meta name="Content-Style-Type" content="text/css"><br />
<title>Vertical Line</title><br />
<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><!--content-->i want the line to be drawn for the whole page vertically<!--content-->Originally posted by srimca <br />
i want the line to be drawn for the whole page vertically <br />
<br />
This will work in Opera and Gecko browsers (IE is buggy)<br />
<br />
<div style="width:1px; height:100%; position:fixed; top:0; left:100px;">&nbsp;</div><br />
<br />
You could also add a background image to your body eg<br />
<br />
<body style="background:url(small-image.png) repeat-y 0 100px;"><!--content-->