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.

Leave a Reply