Skip to main content
Participating Frequently
September 10, 2012
Answered

RH 10 Table editor

  • September 10, 2012
  • 1 reply
  • 998 views

I am trying to create a standard table style using the table editor as part of my CSS:

  • the header row needs to be bold
  • it needs to have all borders, except the very first and last vertical borders.

I have spent most of the day struggling with the borders. At first I have getting double borders. I think there might be a bug in the table editor, because I get the borders perfect, but when I want to make row 1 bold, the borders disappear from row 1.

At last I got the borders 99% correct, except for one cell's border. The left side of the table is perfect. The right side of the table has a verticle border only on the first row, last column (see the image). I have copied the code from my stylesheet below. I don't understand why one rule would work for all rows, except row 1. Please help!

table.Table_Normal {

padding: 0px;

x-border-spacing: 0px;

x-row-pat-1: 1;

x-row-pat-1-name: t1Row;

x-row-pat-count: 2;

x-row-pat-2: 1;

x-row-pat-2-name: t2Row;

border-left-style: None;

border-left-width: 1px;

border-left-color: #a7a9ac;

border-top-style: Solid;

border-top-width: 1px;

border-top-color: #a7a9ac;

x-1st-row: 1;

x-1st-row-name: t1st;

x-last-col: 1;

x-last-col-name: last;

font-size: 9pt;

}

table.Table_Normal td {

padding-left: 4px;

padding-right: 4px;

padding-top: 2px;

padding-bottom: 2px;

}

table.Table_Normal tr.t1st td {

font-size: 9pt;

font-weight: bold;

border-right-style: Solid;

border-right-width: 1px;

border-right-color: #a7a9ac;

border-bottom-style: Solid;

border-bottom-width: 1px;

border-bottom-color: #a7a9ac;

}

table.Table_Normal tr.t1Row td {

font-size: 9pt;

border-right-style: Solid;

border-right-width: 1px;

border-right-color: #a7a9ac;

border-bottom-style: Solid;

border-bottom-width: 1px;

border-bottom-color: #a7a9ac;

}

table.Table_Normal tr.t2Row td {

font-size: 9pt;

border-right-style: Solid;

border-right-width: 1px;

border-right-color: #a7a9ac;

border-bottom-style: Solid;

border-bottom-width: 1px;

border-bottom-color: #a7a9ac;

}

table.Table_Normal tr.t1st td.last {

font-size: 9pt;

border-right-style: None;

border-right-width: 1px;

border-right-color: #a7a9ac;

}

table.Table_Normal tr.t1Row td.last {

font-size: 9pt;

border-right-style: None;

border-right-width: 1px;

border-right-color: #a7a9ac;

}

table.Table_Normal tr.t2Row td.last {

font-size: 9pt;

border-right-style: None;

border-right-width: 1px;

border-right-color: #a7a9ac;

}

This topic has been closed for replies.
Correct answer Willam van Weelden

Hi,

Sorry this took so long, but it ended up below a string of other things. Anyway, why it doesn't work is simple: The RoboHelp table editor does not consider the last cell of the first row to be part of the 'last column' definition. But here is some CSS that fixed it:

Replace your style for table.Table_Normal tr.t1st td.last with:

table.Table_Normal tr.t1st td:last-child {

          font-size: 9pt;

          border-right-style: None;

          border-right-width: 1px;

          border-right-color: #a7a9ac;

}

This will target only the last cell of the first row of your table.

Greet,

Willam

1 reply

Willam van Weelden
Inspiring
September 12, 2012

Hi,

Try to replace the code for the last cell with this:

table.Table_Normal tr.t1st td.last {

font-size: 9pt;

border-right-style: none !important;

}

Greet,

Willam

Participating Frequently
September 12, 2012

Hi Willem

No luck.

Participating Frequently
September 18, 2012

Hi,

Sorry this took so long, but it ended up below a string of other things. Anyway, why it doesn't work is simple: The RoboHelp table editor does not consider the last cell of the first row to be part of the 'last column' definition. But here is some CSS that fixed it:

Replace your style for table.Table_Normal tr.t1st td.last with:

table.Table_Normal tr.t1st td:last-child {

          font-size: 9pt;

          border-right-style: None;

          border-right-width: 1px;

          border-right-color: #a7a9ac;

}

This will target only the last cell of the first row of your table.

Greet,

Willam


Hi William

Thank you very much! I appreciate your help.

Kind regards