Jump to content
vmars316

How to stop border line from appearing ?

Recommended Posts

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 by vmars316

Share this post


Link to post
Share on other sites

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

table {
  border-spacing: 0 5px;
}

 

Share this post


Link to post
Share on other sites
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 !

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...