Attempt to draw line down middle of bipolar matrix table with labels | XM Community
Skip to main content
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: <style type="text/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; } </style> 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!
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.
Terms & ConditionsAccessibility statement