AnsweredAssumed Answered

White Line in Tables

Question asked by Jason Knippers on Jan 21, 2019
Latest reply on Mar 12, 2019 by M. Ricardo Flores

Hello everyone,

 

If this is the wrong forum for this, I apologize. We have begun deploying a new course layout but are running into a problem that we can't seem to figure out. In the design, we use a table to house a linkable image for each of our eight units. For Units four and eight, whenever the page is expanded in size, a thin white line appears above each image. It only does this for units four and eight. I know that it has to deal with the table width, but no matter what width percentage I use, the white line comes back when the page is expanded out. It disappears if the page is shrunk down enough. Are there any HTML gurus that could look at this for me and give me some suggestions? I've pasted the HMTL below.

 

<h2><img src="https://belhaven.test.instructure.com/courses/22111/files/1250708/download?wrap=1" alt="MML601 Banner (4)" data-api-returntype="File" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/files/1250708" /></h2>
<h2>Welcome to MML 601 The Inner Life of the Leader!</h2>
<p>This course will be a journey of self-discovery as you probe the depths of your God-given talents, gifts, and difference. Warren Bennis, renowned author and leadership guru, said, &ldquo;Becoming a leader is all about becoming yourself.&rdquo; One cannot lead unless the individual possesses a keen sense of one&rsquo;s own identity. That identity is found in one&rsquo;s hardwired strengths, brand, fuel, experience, and yes, even those shadow places; the places we tend to avoid examining or at least exposing. Leaders lead out of who they are. There&rsquo;s no magic bullet, no special leadership mold, only the leadership mold each person carves. That only comes from one place&hellip;within! This course we&rsquo;ll be focusing primarily on you. What you bring to this program, this course, but most importantly, what you offer to the world. Get ready to discover, leverage, and unleash your difference!</p>
<p> </p>
<table style="width: 100.001%; border-collapse: collapse;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 24%; background-color: #788c63; padding: 3px; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; text-align: center;"><span style="color: #ffffff;"><strong>UNIT 1</strong></span></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; background-color: #788c63; padding: 3px; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; text-align: center;"><span style="color: #ffffff;"><strong>UNIT 2</strong></span></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; background-color: #788c63; padding: 3px; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; text-align: center;"><span style="color: #ffffff;"><strong>UNIT 3</strong></span></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; background-color: #788c63; padding: 3px; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; text-align: center;"><span style="color: #ffffff;"><strong>UNIT 4</strong></span></td>
</tr>
<tr>
<td style="width: 24%; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;"><a title="Unit 1: Overview " href="https://belhaven.test.instructure.com/courses/22111/pages/unit-1-overview" data-api-returntype="Page" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/pages/unit-1-overview"><img src="https://belhaven.test.instructure.com/courses/22111/files/1250672/preview" alt="" width="100%" data-api-returntype="File" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/files/1250672" data-decorative="true" /></a></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;"><a title="Unit 2: Overview" href="https://belhaven.test.instructure.com/courses/22111/pages/unit-2-overview?module_item_id=1055910" data-api-returntype="Page" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/pages/unit-2-overview"><img src="https://belhaven.test.instructure.com/courses/22111/files/1250711/preview" alt="" width="100%" data-api-returntype="File" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/files/1250711" data-decorative="true" /></a></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;"><a title="Unit 3: Overview" href="https://belhaven.test.instructure.com/courses/22111/pages/unit-3-overview" data-api-returntype="Page" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/pages/unit-3-overview"><img src="https://belhaven.test.instructure.com/courses/22111/files/1250683/preview" alt="" width="100%" data-api-returntype="File" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/files/1250683" data-decorative="true" /></a></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;"><a title="Unit 4: Overview" href="https://belhaven.test.instructure.com/courses/22111/pages/unit-4-overview?module_item_id=1055939" data-api-returntype="Page" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/pages/unit-4-overview"><img src="https://belhaven.test.instructure.com/courses/22111/files/1250676/preview" alt="" width="100%" data-api-returntype="File" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/files/1250676" data-decorative="true" /></a></td>
</tr>
<tr>
<td style="width: 24%; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 5px; text-align: center;"><span>Strengths</span></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 5px; text-align: center;">Brand</td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 5px; text-align: center;">Fuel</td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 5px; text-align: center;"> Experience</td>
</tr>
<tr>
<td style="width: 24%;"> </td>
<td style="width: 1.5%;"></td>
<td style="width: 24%;"> </td>
<td style="width: 1.5%;"></td>
<td style="width: 24%;"> </td>
<td style="width: 1.5%;"></td>
<td style="width: 24%;"></td>
</tr>
<tr>
<td style="width: 24%; background-color: #788c63; padding: 3px; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; text-align: center;"><span style="color: #ffffff;"><strong>UNIT 5</strong></span></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; background-color: #788c63; padding: 3px; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; text-align: center;"><span style="color: #ffffff;"><strong>UNIT 6</strong></span></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; background-color: #788c63; padding: 3px; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; text-align: center;"><span style="color: #ffffff;"><strong>UNIT 7<br /></strong></span></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; background-color: #788c63; padding: 3px; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; text-align: center;"><span style="color: #ffffff;"><strong>UNIT 8</strong></span></td>
</tr>
<tr>
<td style="width: 24%; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;"><a title="Unit 5: Overview" href="https://belhaven.test.instructure.com/courses/22111/pages/unit-5-overview?module_item_id=1055954" data-api-returntype="Page" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/pages/unit-5-overview"><img src="https://belhaven.test.instructure.com/courses/22111/files/1250710/preview" alt="" width="100%" data-api-returntype="File" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/files/1250710" data-decorative="true" /></a></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;"><a title="Unit 6: Overview" href="https://belhaven.test.instructure.com/courses/22111/pages/unit-6-overview?module_item_id=1055968" data-api-returntype="Page" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/pages/unit-6-overview"><img src="https://belhaven.test.instructure.com/courses/22111/files/1250690/preview" alt="" width="100%" data-api-returntype="File" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/files/1250690" data-decorative="true" /></a></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;"><a title="Unit 7: Overview" href="https://belhaven.test.instructure.com/courses/22111/pages/unit-7-overview?module_item_id=1055982" data-api-returntype="Page" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/pages/unit-7-overview"><img src="https://belhaven.test.instructure.com/courses/22111/files/1250681/preview" alt="" width="100%" data-api-returntype="File" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/files/1250681" data-decorative="true" /></a></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;"><a title="Unit 8: Overview" href="https://belhaven.test.instructure.com/courses/22111/pages/unit-8-overview?module_item_id=1055998" data-api-returntype="Page" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/pages/unit-8-overview"><img src="https://belhaven.test.instructure.com/courses/22111/files/1250671/preview" alt="" width="100%" data-api-returntype="File" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/files/1250671" data-decorative="true" /></a></td>
</tr>
<tr>
<td style="width: 24%; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 5px; text-align: center;"><span>Shadows</span></td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 5px; text-align: center;">Pause</td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 5px; text-align: center;">Sanctuary</td>
<td style="width: 1.5%;"></td>
<td style="width: 24%; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 5px; text-align: center;">Levels of Leardership</td>
</tr>
</tbody>
</table>
<hr />
<h2 style="text-align: center;"><a href="https://belhaven.test.instructure.com/courses/22111/modules" data-api-returntype="[Module]" data-api-endpoint="https://belhaven.test.instructure.com/api/v1/courses/22111/modules">Units 1-8</a> <span style="color: #000000;">|</span> <a href="https://belhaven.test.instructure.com/courses/22111/assignments/syllabus">Syllabus</a> | <a href="https://belhaven.test.instructure.com/courses/22111/users/37916">Instructor</a></h2>
<hr />

Outcomes