adding a border around css content...

matthewsa1 · 05-06-2005, 01:12 PM

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 · 05-06-2005, 01:18 PM

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

matthewsa1 · 05-06-2005, 01:45 PM

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 · 05-06-2005, 01:51 PM

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 · 05-06-2005, 02:13 PM

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 · 05-06-2005, 07:03 PM

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

05-06-2005, 01:12 PM	#1 (permalink)
matthewsa1 New Member Join Date: May 2005 Posts: 4 8.00 NP$ (Donate)	adding a border around css content... 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

05-06-2005, 01:51 PM	#4 (permalink)
MD NamePros Member Join Date: Apr 2005 Posts: 175 272.00 NP$ (Donate)	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. __________________ - MD

05-06-2005, 07:03 PM	#6 (permalink)
Rowan W NamePros Regular Join Date: Dec 2004 Location: QLD, Australia Posts: 713 1,869.00 NP$ (Donate)	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 __________________ Flash is bad for websites Why tables for layout is stupid IE IS BAD

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Start Making Money With Your Own Content Rich Website	trishan	Content For Sale	13	04-05-2005 10:29 PM
IE CSS issues with my site	scuzzo84	Web Design Discussion	2	03-28-2005 08:16 PM
Chapter 18 Other Content	WebForging	Webmaster Tutorials	3	03-20-2005 03:15 PM
Adding on[MouseEvent] to css...	zink	Web Design Discussion	1	01-06-2005 05:03 AM
Looking for Free or Paid Adult Content	Darkfire001	Adult Domains For Sale	2	11-21-2004 04:02 AM

05-06-2005, 01:18 PM	#2 (permalink)
StudioWorks no one lives forever Join Date: Apr 2004 Location: NamePros Posts: 8,097 110.31 NP$ (Donate)	put the content in a div and place a border on it ..

05-06-2005, 01:45 PM	#3 (permalink)
matthewsa1 New Member Join Date: May 2005 Posts: 4 8.00 NP$ (Donate)	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...

05-06-2005, 02:13 PM	#5 (permalink)
matthewsa1 New Member Join Date: May 2005 Posts: 4 8.00 NP$ (Donate)	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

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)