Xibo Help With Dataticker HTML Design

[markjime]

Hello everyone,

I would like some help with my dataset design for room postings. I’ve coded and designed most of the layout; however, I’m having a hard time figuring out how to get the white border lines to match each set. Could anyone help me figure this out? I would greatly appreciate any help!

CODE BELOW

<p style="margin: 0px 0px 16px;">&nbsp;</p>

<p style="margin: 0px 0px 16px;">&nbsp;</p>

<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 939.3px;">
	<tbody>
		<tr>
			<td style="text-align: center;">
			<p style="margin: 0px 0px 16px;"><span style="font-size:36px;"><span style="color:#ffffff;"><strong><span style="font-family:Arial,Helvetica,sans-serif;">[starttime|68]</span></strong></span></span></p>

			<p style="margin: 0px 0px 16px;"><span style="font-size:36px;"><span style="color:#ffffff;"><strong><span style="font-family:Arial,Helvetica,sans-serif;">[endtime|70]</span></strong></span></span></p>

			<p>&nbsp;</p>
			</td>
			<td style="text-align: center;">
			<p style="margin: 0px 0px 16px;"><span style="color:#ffffff;"><span style="font-size:36px;"><strong><span style="font-family:Arial,Helvetica,sans-serif;">[title|72]</span></strong></span></span></p>

			<p style="margin: 0px 0px 16px;"><span style="font-size:36px;"><span style="color:#ffffff;"><strong><span style="font-family:Arial,Helvetica,sans-serif;">[groupname|126]</span></strong></span></span></p>
			</td>
		</tr>
	</tbody>
</table>

<p style="text-align: center; margin: 0px 0px 16px;">&nbsp;</p>

OPTIONAL STYLESHEET

table {
  border-collapse: collapse;
}

tr {
  border: none;
}

td:first-child {
  border-right: solid 8px #ffffff;

}

OPTIONAL JAVASCRIPT

table {
  margin: 0 auto;
  outline: 2px solid white;
  outline-offset: -2px;
}
table td {
  padding: 1rem;
  outline: 2px solid black;
}