Jump to content

Css Crazy Results ? Need help !


vmars316
 Share

Recommended Posts

Hello & Thanks ;

I am getting some Css Crazy Results from html/css page .

It seems crazy to me any ways 'cause I cant figure it out . 

Pls , take a look :https://www.w3schools.com/code/tryit.asp?filename=GETYVPJQ0B13 

Here is the code also

<!DOCTYPE html>
<html>
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title></title>
<style>
body {
    background-color: rgba(217, 176, 78, 0.1); 
}
table {
border-style: none;  
}

tr {
border-style: none;  
}

.td1 {
vertical-align: top;
width: 50%;
font-size: 16px;
border-style:solid;
border-color: white white rgb(217, 176, 78) white;
border-width: 2px;
background-color: rgba(217, 176, 78 , 0.5;
}

.td2 {
vertical-align: top;
color:  rgb(217, 176, 78);
font-size: 18px;
width: 50%;
border-style:solid;
border-color: white white rgb(217, 176, 78) white;
border-width: 2px;
background-color: rgba(217, 176, 78, 0.5);
}
</style>
</head>

<body>
<h6>Jesus's-Words-Only.html</h6>
<table style="text-align: left; width: 100%;">
<tbody >

<tr>
<td class="td1";>
The Young Jesus at the Temple (<a class="bibleref" target="_BLANK" href="https://www.biblegateway.com/passage/?search=Luke%202:41-52&amp;version=ESV&amp;src=tools">Luke 2:41-52</a>) To His parents looking for Him, Jesus said.
</td>

<td class="td2";">
Why were you looking for me? Did you not know that I must be in my Father's house?
</td>
</tr>

<tr>
<td class="td1";>
John Baptizes Jesus (Matthew3:13-17, Mark 1:9-11, Luke 3:21-3, John 1:33-4) John protests.
</td>

<td class="td2";">
Please do so, because it’s good for us to do what God says is right,
</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 = "ESV";
BGLinks.linkVerses();
</script><div id="bg_popup-container"></div>

</body></html>

Why isnt the css not working for ".td2" ?

Thanks

Link to comment
Share on other sites

Thanks dsonesuk

But even those changes I get same crazy results .

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

AND 

<!DOCTYPE html>
<html>
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title></title>
<style>
body {
    background-color: rgba(217, 176, 78, 0.1); 
}
table {
border-style: none;  
}

tr {
border-style: none;  
}

.td1 {
color: rgb(0, 0, 0);
vertical-align: top;
width: 50%;
font-size: 16px;
border-style:solid;
border-color: white white rgb(217, 176, 78) white;
border-width: 2px;
background-color: rgba(217, 176, 78 , 0.5;
}

.td2 {
vertical-align: top;
color: rgb(255, 0, 0); 
font-size: 18px;
width: 50%;
border-style:solid;
border-color: white white rgb(217, 176, 78) white;
border-width: 2px;
background-color: rgba(217, 176, 78, 0.5);
}
</style>
</head>

<body>
<h6>Jesus's-Words-Only.html</h6>
<table style="text-align: left; width: 100%;">
<tbody >

<tr>
<td class="td1">
The Young Jesus at the Temple>Luke 2:41-52) To His parents looking for Him, Jesus said.
</td>

<td class="td2">
Why were you looking for me? Did you not know that I must be in my Father's house?
</td>
</tr>

<tr>
<td class="td1">
John Baptizes Jesus (Matthew3:13-17, Mark 1:9-11, Luke 3:21-3, John 1:33-4) John protests.
</td>

<td class="td2">
Please do so, because it’s good for us to do what God says is right,
</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 = "ESV";
BGLinks.linkVerses();
</script><div id="bg_popup-container"></div>

</body></html>

Thanks for your help !
 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...