[JCirocco]

I am NOT an HTML coder so struggling with this. On one of my customers Invoices we have a large Grey box (table cell) that they would like to have a Black outline around the box/cell

My current css code is:

td.totalboxbot {

background-color: #e3e3e3;

font-weight: bold; }

Is this doable in HTML?
This is a cached copy. Click here to see the original post.

[esemalulu]

border-style: solid;

[JCirocco]

Thanks. Because I am NOT a coder I didn't realize that each CSS section was for a different "part" of the totals box. I found that out when I added the "border-style: solid.

The word "Total" is in its own cell, the amount is another and the due date a 3rd.

Each section has its own CSS. So is it possible to have the border for the top cell (css=td.totalboxtop) be only a border on the left, top and right?

Sorry for such a trivial question. I found a couple of HTML sites that described a border that did not go around the whole cell but they then didn't show the html option.

td.totalboxtop {

font-size: 12pt;

background-color: #e3e3e3;

border-style: solid;

}

td.totalboxmid {

font-size: 28pt;

padding-top: 20px;

background-color: #e3e3e3;

border-style: solid;

}

td.totalboxbot {

background-color: #e3e3e3;

font-weight: bold;

border-style: solid;

}

[JCirocco]

Looks like

[esemalulu]

td.totalboxtop {

border-top: 1px solid #000000;

border-right: 1px solid #000000;

border-left: 1px solid #000000;

font-size: 12pt;

background-color: #e3e3e3;

border-style: solid;

}

td.totalboxmid {

border-right: 1px solid #000000;

border-left: 1px solid #000000;

font-size: 28pt;

padding-top: 20px;

background-color: #e3e3e3;

border-style: solid;

}

td.totalboxbot {

border-bottom: 1px solid #000000;

border-right: 1px solid #000000;

border-left: 1px solid #000000;

background-color: #e3e3e3;

font-weight: bold;

border-style: solid;

}

[JCirocco]

Awesome! Worked like a champ. Much appreciated.

[Author]

Posts