Solved

How do I add a solid vertical border to my page??

Posted on 2001-07-01
6
149 Views
Last Modified: 2013-12-24
Hi,

I am designing a web page in FrontPage using a simple paragraph (text) format without frames or tables (this is my first page design and I want to keep it simple!).  My question is this:

How do I add a thick vertical stripe down both sides of the page, top to bottom, with my text appearing betwen them (I think this is referred to as 'shared borders')?  I want the vertical stripes (borders) to be, say, dark green, while my background color underneath my text is white.

Thanks in advance!

Ted  
0
Comment
Question by:trcamp
  • 2
  • 2
  • 2
6 Comments
 
LVL 7

Expert Comment

by:ClassyLinks
ID: 6244581
The easiest way is to use tables.

Shared borders is usually for navigation or other include files which you want to appear on several pages of your site.  You could however make a 1 cell table in your left and right shared border and try it that way.
0
 

Author Comment

by:trcamp
ID: 6244749
It seems there are three things you could be suggesting...

1)  Are you suggesting a three cell table with the outside two cells narrow and colored (if so, how would I color only the outside cells?)?   Or 2) are you suggesting three one-celled tables, the inside one containing my text, and the outside two being narrow and colored?  Or 3) are you suggesting that you i can add the vertical stripes onto a single one-celled table?  (if so, how do i do that?)  

I have experimented with the table approach a little, but with no success yet...which is why I'm *here*!  :)  Thanks, Ted
0
 
LVL 2

Accepted Solution

by:
AvocadoIsle earned 100 total points
ID: 6244774
Here is an example of what you are looking for using a table.  Note that the width of the sides is set to 40 pixels but you could change it to whatever works best for you:

<html>
<head>
<title>Your page titel</title>
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<table border="0" width="100%" height="100%">
  <tr>
    <td width="40" bgcolor="#008000">&nbsp;</td>
    <td align="center">your content goes here</td>
    <td width="40" bgcolor="#008000">&nbsp;</td>
  </tr>
</table>
</body>
</html>
0
Free learning courses: Active Directory Deep Dive

Get a firm grasp on your IT environment when you learn Active Directory best practices with Veeam! Watch all, or choose any amount, of this three-part webinar series to improve your skills. From the basics to virtualization and backup, we got you covered.

 
LVL 7

Expert Comment

by:ClassyLinks
ID: 6244825
AvocadoIsle has illustrated what I was suggesting for the table layout.

I've been experimenting with the shared borders idea....
it won't work easily.

Alternately, frames would work too, but they are harder to implement for someone not familiar with them.  Personally, I avoid frames wherever possible, I would stick with the tables.
0
 

Author Comment

by:trcamp
ID: 6246971
Thanks to you both.  Avocadolsle, your answer was the most complete and worked perfectly, so I'll award you the points.  I really appreciate the help.  Ted

0
 
LVL 2

Expert Comment

by:AvocadoIsle
ID: 6248672
Glad to be of help :)
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When setting up new project requests for our site, one of the most powerful tools our team has available to use is Axure (http://www.axure.com/). It’s a tool for creating software and web prototypes that can function and interact as if it were the a…
Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
The purpose of this video is to demonstrate how to properly insert a Vimeo Video into a WordPress site or Blog. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question