Solved

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

Posted on 2001-07-01
6
148 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
Windows Server 2016: All you need to know

Learn about Hyper-V features that increase functionality and usability of Microsoft Windows Server 2016. Also, throughout this eBook, you’ll find some basic PowerShell examples that will help you leverage the scripts in your environments!

 
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

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

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

Now that Expression Web 4.0 (http://www.microsoft.com/expression/products/Upgrade.aspx) is free if you buy or have the full version of Expression Web 3.0, now is the best time to  migrate from FrontPage to Expression Web (http://www.frontpage-to-exp…
This article provides a case study on how our local youth baseball league deployed a new website, including the platform selection, implementation and benefits to the league.
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

803 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