PDA

View Full Version : Vertical Rules??

SpongeBobby
08-16-2002, 07:45 PM
I know horizonal rule is <hr>, I have seen sites with a vertical rule, or what looks like one. How do i make them??
ionsurge
08-16-2002, 07:48 PM
I dont know how to do this, but you can look through the source of the page, and see if you can single something out... should work. Post a link, and I will see if I can find it.
x_goose_x
08-16-2002, 09:13 PM
You can't. You can however create a border on only one side of a table cell.


<table border="0" width="100%" cellspacing="5" cellpadding="0">
<tr>
<td width="50%" style="border-right: 2px groove #c0c0c0">
One<br>
One<br>
One<br>
One<br>
One<br>
One<br>
One<br>
One<br>
One<br>
One<br>
One<br>
One<br>
One<br>
</td>
<td width="50%">
Two<br>
Two<br>
Two<br>
Two<br>
Two<br>
Two<br>
</td>
</tr>
</table>
redhead
08-16-2002, 09:57 PM
or if you wanted it down the left you could make an image and use <img src="sidebar.jpg" align="left" /> And continue your normal text here.... the image will align itself down the left of your text

:thumbsup:
SpongeBobby
08-17-2002, 05:10 AM
Will this basically do the same thing? Which way is better, CSS or HTML?


<html>
<title></title>
<head>
<style>
.hr { border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}
</style>
</head>
<body>

<table align="center" cellpadding=5 cellspacing=0 border=1 height="300" width="80%">
<tr>
<td width="20%" class="hr">&nbsp;</td>
<td width="80%">12345</td>
</tr>
</table>

</body>
</html>


Thanks,
adios
08-17-2002, 11:19 PM
<html>
<head>
<title>untitled</title>
<style type="text/css">

.vertRule {
width: 3px;
vertical-align: top;
margin-left: 3px;
margin-right: 5px;
}

</style>
</head>
<body>
blah blah blah
<span class="vertRule" style="height:100%;border:3px gold inset;"></span>
blah blah blah
<span class="vertRule" style="height:100%;border:3px gold outset;"></span>
blah blah blah
<span class="vertRule" style="height:100%;border:3px olive groove;"></span>
blah blah blah
<span class="vertRule" style="height:100%;border:3px tan ridge;"></span>
blah blah blah
<span class="vertRule" style="height:100%;border:3px #c0c0c0 double;"></span>
blah blah blah
</body>
</html>
SpongeBobby
08-17-2002, 11:53 PM
Thanks, I was told you basically couldn't do it...showed them, huh :-)

Yeah my way was doing it, but if i aligned it left, did a right and top border only, the top border didn't extend to the end of the page, even tho the words and table did.

Thanks,