Vertical Line

Hi all, I'm beginner in HTML. So my question is very simple.
Would u pl let me know how can I draw verticle lines in HTML.

Hi
Create a horizontal line with width of (thickness of line) and height of (lenghth of line) this will give u a vertical line of fixed length. ex: <hr width="2" size="400">

If u need it to be of a length that adjusts with your table/type etc.. then you need to create an image that is 1x1 pixel (assuming a 1 pixel wide line) and put this as the background of your cell (td) the line will stretch to accomodate the height of your cell. Make sure that the cell doesn't stretch width wise, else your line will repeat unless you use CSS. Put a transparent 1x1 gif as an image inside of the cell as well, to keep Netscape from shrinking the cell into nothing. This only works for 4+ browsers. Ex: <td background="LineImage1x1.gif" width="1" ><img src="transparent1x1" width="1" height="1" border="0" ></td>

Hope that made sense URL

Joshua

I've tried using a 1-pixel wide td cell with a bg color, but the width keeps stretching. How do you prevent this? How would you use Css to do this instead?

http://www.pleasantbay.net/


[This message has been edited by Caper (edited October 23, 2000).]

Instead of putting nbsp; inside of the cell put a 1x1 clear gif, or stretch the gif to the size you want the cell to be.

Yes, there's been a 1x1 transparent gif there.

Sorry, but you were right. I had the gif only in the first few rows, but not in the rest. The others withour the gif threw it all off.

I've done it another way now that works, too:

I created 3 columns, or 3 tall td cells with one transparant gif in each of the three columns, and a bg color for the middle column.