Jump to content

vmars316

Members
  • Content Count

    390
  • Joined

  • Last visited

Community Reputation

5 Neutral

About vmars316

  • Rank
    Member

Profile Information

  • Location
    Brownsville, Tx

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. 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>
  2. vmars316

    Layout problem

    This might help : https://www.w3schools.com/html/html_layout.asp
  3. Thank you very much !
  4. 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 !
  5. 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
  6. Ahh... min-width: max-content; Works perfectly ! .RowH1 { display: inline-block; border-style: solid solid solid solid; border-width: 2px; border-color: black; margin: 8px; min-width: max-content; } Btw: the whole reason I went with Fake-Tables rather than real-tables i s that I wanted to be able to select text by individual columns .
  7. Thanks ; Ok , I got rid of too many cells . https://www.w3schools.com/code/tryit.asp?filename=GEBIZVUXS4OE I made colored Borders around everything so its easier to see. Sorry to say , still have the same problem . Thanks
  8. Thanks dsonesuk ; Oops! I didn't under what you meant . Ok I got it now . Yes I see the example here : https://www.w3schools.com/css/tryit.asp?filename=trycss_max-width But can't duplicate it on my page . https://www.w3schools.com/code/tryit.asp?filename=GEB8JFRQOJ9V Can you show me what I am doing wrong . Thanks
  9. Thanks dsonesuk ; "background-color: rgba(255, 255, 255, 0.8);" I never knew what that extra parameter meant , very cool : ) So I could have said #d3eafd .instead . Thanks
  10. Hello & Thanks ; In this example https://www.w3schools.com/cssref/tryit.asp?filename=trycss_grid-gap2 The "background-color: #2196F3;" is specified . But where did the <div> background color come from ? Thanks
  11. But I don't want them to stack . I am trying to prevent that .
  12. Hello & Thanks ; Here is my example code http://vmars.us/reads/vmTemplate-2Parallel-Tables-P-Editable-BEST.html Happily , I can select copy paste each column . But I have a problem when I resize browser window horizontally and make it smaller . Column 2 gets relocated under column 1 . What is the name of that behavior (that I want to stop) , so that I can research it . I want to keep cols parallel (not stacked) , if column 2 gets partially hidden , during resizing , that's ok , that's what I am after . Thanks
  13. Thanks Things are looking better http://vmars.us/reads/vmTemplate-2Parallel-Tables-P-Editable-BEST.html I can select copy paste each column . But I still have a problem when I resize browser window horizontally and make it smaller . Column 2 gets relocated under column 1 . I don't remember , what is the name of that behavior (that I want to stop) . I want to keep cols horz , if column 2 gets partially hidden , that's ok . Thanks
  14. Hello & Thanks : 1) How can I create parallel tables (ie. side by side) . 2) How can I select 1 column in a table (or table like structure) . 3) And I want Tables to be width-20% and width=80% respectively . 4) Also he rows need to line up . Because eventually the borders will be eliminatad . I am doing that here with fake Tables: http://vmars.us/reads/vmTemplate-2Parallel-Tables-P-Editable.html (It is contenteditable so you can see what I mean) But the problem comes in when I enter text that overflows , the tables get stacked on top of each other . Thanks <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>2Parallel-Tables-P-Editable.html</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> body { font-family: "Tahoma", Times, serif; font-size: 14px; } .Table { border-style: solid; text-align: center; border-color: #282A36; border-width: 2px; padding: 24px; */ } .Title { text-align: center; } .Heading { font-weight: bold; text-align: center; } .Row { border-style: solid solid solid solid; border-width: 2px; border-color: #D9B04E; } .Cell { text-align: left; vertical-align: middle; display: inline-block; padding-left: 5px; padding-right: 5px; border-style: solid solid solid solid; border-width: 1px; border-color: #D9B04E; } .StackCell {} .StackRow {} .button { background-color: #282A36; border: none; color: #C8982B; color: #D9B04E; text-align: center; text-decoration: none; display: inline-block; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; font-family: "Comic Sans MS", cursive, sans-serif; font-size: 24px; cursor: pointer; } span.RedTxt { color: red; } </style> </head> <body style="background-color:#EbE8E4; font-family: Tahoma; font-size:18px; color:black;"> <br> <div class="Table"> <div class="Title"> <p> <button class="button">Main Table</button> <br> </p> </div> <!-- <div class="Title"> --> <p></p> <!-- ============NewRow============== --> <p></p> <div class="Row"> <p></p> <!-- ---------------------NewCell------------------ --> <div class="Cell"> <p style="text-align:center;"> <div class="Table"> <div class="Title"> <p> <button class="button">TABLE 1</button> <br> </p> </div> <!-- <div class="Title"> --> <p></p> <!-- ============NewRow============== --> <p></p> <div class="Row"> <p></p> <!-- ---------------------NewCell-----------DancingMan - mp4 ------- --> <div class="Cell"> <p contenteditable="true" style="text-align:center;"> TABLE 1 row1 col1 </p> <br> </div> </div> <!-- <div class="Row" --> <!-- ============NewRow============== --> <p></p> <div class="Row"> <p></p> <!-- ---------------------NewCell-----------DancingMan - mp4 ------- --> <div class="Cell"> <p contenteditable="true" style="text-align:center;"> TABLE 1 row2 col1 </p> <br> </div> </div> <!-- <div class="Row" --> </div> <!-- div class="Table"> --> </p> <br> </div> <!-- ---------------------End of Cell------------------ --> <!-- ---------------------NewCell------------------ --> <div class="Cell"> <p style="text-align:center;"> <div class="Table"> <div class="Title"> <p> <button class="button">TABLE 2</button> <br> </p> </div> <!-- <div class="Title"> --> <p></p> <!-- ============NewRow============== --> <p></p> <div class="Row"> <p></p> <!-- ---------------------NewCell-----------DancingMan - mp4 ------- --> <div class="Cell"> <p contenteditable="true" style="text-align:center;"> TABLE 2 row1 col1 </p> <br> </div> </div> <!-- <div class="Row" --> <!-- ============NewRow============== --> <p></p> <div class="Row"> <p></p> <!-- ---------------------NewCell-----------DancingMan - mp4 ------- --> <div class="Cell"> <p contenteditable="true" style="text-align:center;"> TABLE 2 row2 col1 </p> <br> </div> </div> <!-- <div class="Row" --> </div> <!-- div class="Table"> --> </p> </p> <br> </div> <!-- ---------------------End of Cell------------------ --> <br> </div> <!-- <div class="Row" --> </div> <!-- div class="Table"> --> <div> <p style="text-align:center;"> <span style="font-size: 14pt; font-family: &quot;Avenir Next&quot;;"> <br><br> <a href="http://vmars.us/"> http://vmars.us/ </a> </span> <br> <br>"All things in moderation , except for love and forgiveness" <br> </p> </div> </body></html>
×
×
  • Create New...