How do i Put a Virtical Divideo on the page?

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
Iang987
Forum Newbie
Posts: 4
Joined: Sat Nov 15, 2003 11:07 pm

How do i Put a Virtical Divideo on the page?

Post by Iang987 »

Using HTML how do i make a Vertical line????
User avatar
m3mn0n
PHP Evangelist
Posts: 3548
Joined: Tue Aug 13, 2002 3:35 pm
Location: Calgary, Canada

Post by m3mn0n »

There is no vertical line tag, you'll need to use a graphic.

edit: oops ;)
Last edited by m3mn0n on Sat Nov 15, 2003 11:29 pm, edited 2 times in total.
gavinbsocom
Forum Commoner
Posts: 71
Joined: Tue Sep 30, 2003 9:51 pm

Post by gavinbsocom »

he asked for a verticle not a horizontal....<hr> puts ina horizontal....i have never herd of a <vr> doesnt work i dont think???
User avatar
twigletmac
Her Royal Site Adminness
Posts: 5371
Joined: Tue Apr 23, 2002 2:21 am
Location: Essex, UK

Post by twigletmac »

You can put a border on the side of a div or a table column to give the impression of a vertical rule.

Mac
gavinbsocom
Forum Commoner
Posts: 71
Joined: Tue Sep 30, 2003 9:51 pm

Post by gavinbsocom »

yah i thought about that but there is no specific way to do it like a horizontal line?
User avatar
JayBird
Admin
Posts: 4524
Joined: Wed Aug 13, 2003 7:02 am
Location: York, UK
Contact:

Post by JayBird »

You can do vertical rules!!

there a few methods

Method 1(HTML):

Code: Select all

<hr width="1" size="100" noshade align="center">
Method 2(CSS):

Code: Select all

<hr style="height: 100px; width: 1px">
Method 3:

Code: Select all

<html>
<head>
<title>untitled</title>
<style type="text/css"> 
.vertRule &#123; width: 3px; vertical-align: top; margin-left: 3px; margin-right: 5px; &#125; 
</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>
Not sure about the compatability of all these methods though!

Mark
m3rajk
DevNet Resident
Posts: 1191
Joined: Mon Jun 02, 2003 3:37 pm

Post by m3rajk »

method one has 3 issues: noshade is the only one that might not be deprecated, the other three are and you need to use css.
gavinbsocom
Forum Commoner
Posts: 71
Joined: Tue Sep 30, 2003 9:51 pm

Post by gavinbsocom »

You can do it style sheets....


.name {
border-right or left: 1px solid color;
}
Iang987
Forum Newbie
Posts: 4
Joined: Sat Nov 15, 2003 11:07 pm

Post by Iang987 »

Where do i put that on the form Between the two things I wana Seperate?
Post Reply