Attempt to draw line down middle of bipolar matrix table with labels

emilymemilym Community Member Qubie ✭

Attempt to draw line down middle of bipolar matrix table with labels

Hi,

I'm trying to create a bipolar matrix table with labels that has a line down the center. I've written the following css:

td:nth-child(8), th:nth-child(8) { border-left: solid 1px; } .Skin .QuestionBody table.ChoiceStructure { border: solid 1px; } .Skin .Matrix td.ColumnLabels tr.SpreadLabels td.First, .Skin .Matrix td.ColumnLabels tr.SpreadLabels th.Last{ border-left: solid 1px; }

This almost works, except the line between the labels doesn't line up with the line between the radio buttons. You can see a picture below.

I'd really appreciate any advice on this issue!

Best Answer

  • emilymemilym Qubie ✭
    Accepted Answer

    For anyone who may have a similar problem in the future: I ended up dropping the labels and instead using jQuery to add the labels to the individual table cells before the relevant radio buttons.

Sign In to Comment