Neverside

How would you PROS accomplish this look?

What I am trying to do is create a Table say 500x12. I also put 3 cells in the table with the first cell at 100x12 then the next cell primarily as a spacing cell at 50x12 for the last cell at 350x12.

What I want to do is insert some text in the first cell and the third cell. I want a small black border around the entire table, but not each individual cell. I also want all cells or the table to have a background color.

Problem is, with the 3 cells used, im getting a border around them as well and not just the table as im trying to do. I guess I could use 1 cell, but then spacing is a bit off.

Another question for you all would be, take the same instance as above minus the border and background color. This time, I just want to have a border for the bottom portion of the cells or table. Is there any way you could think to do this? Think of it as a horiz rule bar along the bottom of the table. This should stretch the length of the table. Thanks guys, appreciate your time to answer.

you're a newbie huh. Well, make the table with the three cells. to make the background color of the cells black add these attribute to the <table>
bgcolor="#000000"
border="0px"

then, to make a black border around the whole image, you could just put your table inside another table 2 pixels wider and higher than the real table. (502 x 14)

or you wanna see some code?

___________________

yeah I figured I could do something like making a solid background of a table 1 px bigger than a nested table within but I didnt know if that was a clean or proper way of doing so. I just did it with a table and 3 cells but then with the table having a border, the cells would also get a border so I was wondering if maybe I was doing something wrong of overlooking things.

Thanks for clearing it up...I guess I'll just make a table black with a nested table and cells within a pixel smaller?

Why would you put a table inside another, larger one to put a border around it?

Inside your CSS add:

Code:

.myclass {border: 1px solid #000000;}

Note, 'myclass' can be named anything. Then edit your table accordingly:

Code:

<table [b]class="myclass"[/b]>

Alternatively, you could add a style attribute to your table tag and disregard the above procedure.

Code:

<table [b]style="border: 1px solid #000000;"[/b]>

Simple.

___________________

Signatures are for the weak!

Last edited by Shannon, January 8th, 2004 03:18 AM (Edited 1 times)

ahh works like a charm. Thanks for all the input ladies and gents. One more thing though, any way to help me solve the border on just the bottom part of the cells in the table?

use this as the style instead

border-bottom: 1px solid #000;

or for netscape use

border-bottom-width: 1px solid #000;

___________________

geez, now im starting to feel stupid with all these easy styles you guys are mentioning. I think that im just trying too hard. Is there anyplace you could refer me to as a reference for the different style settings? Anyways, thanks for the help! I appreciate it tremendously

Last edited by jdub12, January 8th, 2004 08:40 PM (Edited 1 times)

http://www.w3schools.com/css/default.asp

that were i learned most of css.

___________________