Jump to content

Css Crazy Results ? Need help !


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 post
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 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...