Adding a border around css content...

[matthewsa1]

I am very new to css and this is the first layout i have done using just css. I figured out how to set up a simple 3 column page. However, I am now faced with a problem. I wanted some sort of boarder to surround all my content and I have no idea how to do that. Here's a link to the layout i did using css:

http://www.girlsofcs.com/test1/index.htm


here's a link to the original layout i did using tables. notice the boarder around the content, this is what i am trying to create using the css.

http://www.girlsofcs.com/index.php

any help would be greatly appreciated

 

[StudioWorks]

put the content in a div and place a border on it ..

 

[matthewsa1]

i tried doing that but i'm not sure how.. if you look at the code i have a div named whole in which all the content is that there. In the properties of whole i added "border:1px" and that didnt work and in the actuall <div id="whole" line i put border=1px and that didnt work either...

 

[MD]

I'm afraid that you're still using tables for the layout with some CSS help. I suggest you read on designing layouts with CSS only without any old-fashioned tables involved.

 

[matthewsa1]

i know i am still using some tables for the content boxes. i just did this because it was the easiest way i knew how to make those boxes. however, the tables arent causing any problems now with the main layout set up in css. however, i still just need to know how i would go about adding a border around all that content. I'd like the border to be an image so i can make it a nice effect rather than just a single line. would i have to add more div's on either side or what? thanks

 

[Rowan W]

I don't see any borders in either page.

You also can't use an image as a border, it must be either:

1. solid
2. dashed
3. dotted
4. outset
5. inset
6. ridge
7. double, or
8. groove

Example code: border:1px solid #000000;

I suggest you don't use any tables in you page either, you might as well learn to structure the whole page with CSS. Read through this article: http://www.hotdesign.com/seybold/index.html