Hi guys, I am tryin to duplicate a picture of a website I have been given. Basically, I was given an adobe acrobat pdf. file with the pictures of several web pages on them and I have been asked to turn the pictures into html pages. I cannot figure out a part though. Picture this, a green border down the left side of the page. A green border across the top of the page. Then there is a couple pictures and some text in a table thats approx 400x500 pixels wide. The top and left side of this table run into the green borders. It shows a black border on the right side and bottom of the table but the top and left side dont exist, they are invisible. Can you put a partial border on a table? How do you think this was done> I cannot put a bporder around the table because it is devided into 3 rows with 2 of the rows containing split tables. so the border would surround everything, not just the outside. I also ttried putting a seperate table behind the whole thing and putting a border on it but it bulks the top and the left too much. Any ideas.

> Partial border

Maybe it's not tables but divs.

It's hard to give opinions based on your description only. Can't you post the image somewhere? I think it's ok. Inspired is different with blatant copying =D

---
Fubar

Well, if by partial border you mean left, right, top, bottom, then yes. Use CSS: border-top, border-left, etc.

If you mean a border that does not extend the entire length of one side you could do it by specifying the border on individual cells as opposed to the entire table.

Michael J

Basically, picture a box, now take the left and top lines off if it, I am trying to create that. This is the css code im using, it makes what I need but it is coming through really light and I cannot get it to darken. Any thoughts.

.bord{color: #000000; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-width: 1; border-bottom-style: solid; border-bottom-width: 1;
margin-left: 0;
}

.bord {
border-top: none;
border-right: 1px solid #000000;
border-bottom: 1px solid #FF0000;
border-left: none;
margin-left: 0;
color: #000000;
}

Does that make more sense? =D

You can customize any side of the border. To make it "darker", other than changing the color, you can set the border width... Change 1px to 2px.

In the example above, the box will have 1 pixel solid right and bottom border only. The right one is black, and the bottom is red (#FF0000).

---
Fubar