How to stop border line from appearing ?

vmars316 · May 20, 2020

Hello & Thanks ;

Below is my workaround code to create a margin for <tr> .

And How to stop border line from appearing between .td1 and .td2 ?

Here is the code at :

https://www.w3schools.com/code/tryit.asp?filename=GEY9809882WT

And or see the code below :

<!DOCTYPE html>
<html><head><meta content="text/html; ">
<!--  http://w3schools.invisionzone.com/forum/6-css/  -->
<title>Jesus'sWordsOnly-Forum-Exaample.html</title>
<style>
body {
     background-color: rgb(113, 30 , 19);
}
table {
border-style: none;  
}
tr {
border-style: none;  
}

.trBetween {

}

.td1 {
color: rgb(0, 0, 0);
vertical-align: top;
width: 50%;
font-size: 17px;
border-style:none;
//border-color: white white rgb(246, 244, 242) white; 
//border-width: 2px;
background-color: rgb(232, 230 , 228);
}

.td2 {
color: rgb(0, 0, 0);
vertical-align: top;
width: 50%;
font-size: 18px;
border-style:none;
//border-color: white white rgb(246, 244, 242) white; 
//border-width: 2px;
background-color: rgb(246, 244, 242); }
</style>
</head>
<body>
<h6 style="text-align: center; color: rgb(246, 244, 242);">Jesus's-Words-Only.html</h6>

<table style="text-align: left; width: 100%;">
<tbody>

<tr>
<td class="td1" contenteditable="false" style="text-align: center;"> 
Hover over Bible references in this column 
<br>to see the GNT version .
</td>
<td class="td2" contenteditable="false" style="text-align: center;"> 
Jesus's words in ESV in this column .
</td>
</tr>

<tr class="trBetween">&nbsp;</tr>
<tr>
<td class="td1" contenteditable="false" style="vertical-align: top;"> 
The Young Jesus at the Temple (Luke 2:41-52) To His parents looking for Him, Jesus said.
</td>
<td class="td2" contenteditable="false" style="vertical-align: top; background-color: rgb(246, 244, 242); "> 
Why were you looking for me? Did you not know that I must be in my Father's house?
</td>
</tr>

<tr class="trBetween">&nbsp;</tr>
<tr>

<td class="td1" contenteditable="false" style="vertical-align: top;"> 
John Baptizes Jesus (Matthew 3:13-17, Mark 1:9-11, Luke 3:21-3, John 1:33-4) John protests.
</td>
<td class="td2" contenteditable="false" style="vertical-align: top; background-color: rgb(246, 244, 242); "> 
Let it be so now, for thus it is fitting for us to fulfill all righteousness.
</td>
</tr>

<tr class="trBetween">&nbsp;</tr>
<tr>

<td class="td1" contenteditable="false" style="vertical-align: top;"> 
Temptation of Jesus (Matthew 4:1-11, Mark 1:12-13, Luke 4:1-13) By satan in the desert.
</td>
<td class="td2" contenteditable="false" style="vertical-align: top; background-color: rgb(246, 244, 242); "> 
It is written, 
Man shall not live by bread alone,
    but by every word that comes from the mouth of God.
<br>Again it is written, You shall not put the Lord your God to the test.
<br>You shall worship the Lord your God
    and him only shall you serve.
</td>
</tr>

<tr class="trBetween">&nbsp;</tr>
<tr>

<td class="td1" contenteditable="false" style="vertical-align: top;"> 
Calling the First Disciples (Matthew 4:18-22, Mark 1:16-20, Luke 5:1-11, John 1:35-42)
James and John.
</td>
<td class="td2" contenteditable="false" style="vertical-align: top; background-color: rgb(246, 244, 242); "> 
Follow me, and I will make you fishers of men.
<br>Put out into the deep and let down your nets for a catch.
<br>Do not be afraid; from now on you will be catching men.
</td>
</tr>

</tbody>
</table>

<script src="https://www.biblegateway.com/public/link-to-us/tooltips/bglinks.js" type="text/javascript">
</script>

<script type="text/javascript">
BGLinks.version = "GNT";
BGLinks.linkVerses();
</script>
<div id="bg_popup-container"></div>

</body></html>

Edited May 20, 2020 by vmars316

Ingolme · May 21, 2020

You can use the border-spacing property to set the spacing between the cells horizontally and vertically.

table {
  border-spacing: 0 5px;
}

vmars316 · May 21, 2020

13 hours ago, Ingolme said:
You can use the border-spacing property to set the spacing between the cells horizontally and vertically.
table {
  border-spacing: 0 5px;
}
Ah Perrfect , Thank you !

Sign In

How to stop border line from appearing ?

Recommended Posts

vmars316

Link to comment

Share on other sites

Ingolme

Link to comment

Share on other sites

vmars316

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity