Jump to content


  • Content Count

  • Joined

  • Last visited

Everything posted by vmars316

  1. Tia ; I want to change all fontWeight of <p and <div>> to bold . <!DOCTYPE html> <html> <head> <title>Bold Text Demo</title> </head> <body> <p> This is a sample paragraph </p> <button id="button"> Make Bold </button> <div>This is a sample div</div> <script> //Get the button element var btn = document.getElementById('button'); //Get paragraph element var makeBold = document.querySelectorAll(p , div); //Define an click event listener on button
  2. Thanks empressia ; You certainly have gone the extra mile .
  3. Tia ; Getting errors getElementByTagName-ChangeBlankToSelf.html:24 Uncaught TypeError: Cannot read property 'getAttribute' of undefined at ChangeBlankToSelf (getElementByTagName-ChangeBlankToSelf.html:24) at HTMLButtonElement.onclick (getElementByTagName-ChangeBlankToSelf.html:17) with the following code <!DOCTYPE html> <html> <head> </head> <body> <h4>getElementByTagName-ChangeBlankToSelf.html</h4> <p> <a href="https://www.w3schools.com" target="_blank">Visit W3Schools</a> <br> <a href="https://www
  4. Oops! Sorry I remembered , , <a href="#calibre_link-1"> Thanks
  5. Hello & Thanks ; I have been working on my KidsafeBrowser , in .vb . Sorry . I have forgotten How to do this: Using Calibre I Converted a .pdf into .html . I have a html file : ~reads/Communion-with-God-Son-HolySpirit-ESV.html WIth quite a few in page links and Calibre does this: <p class="calibre1"><a href="file:///C:/Users/vmars/Calibre%20Library/William%20H.%20Gross/Owen%20Communion%20with%20God%20(4)/Of-Communion-with-God-Owen_Gross.html#calibre_link-1"><b class="calibre2">EDITOR’S PREFACE ...............................................
  6. That doesnt work for me : I havent been back here for a long time . So didnt notice your Post. I needed two tables side by side by side , such that I could select/copy each table as a column , without effecting the other Tab I ended up doing this: <!doctype html> <html> <head> <title></title> <style> table{ table-layout: fixed; background-color: rgb(232, 230 , 228); width: 100%; border-style: solid; border-width: 3px; border-color: maroon; } .table01 { text-align: left; width: 100%; } .table02 { text-align: left
  7. Yes , and I can select/copy each Table individually . Thanks What I don't like is that if I hit enter-key It creates what loos like a whole line . Is there a way to stop it from creating a whole new colored line , it looks like a whole new paragraph (sort of) . And keep enter-key text in the same line . I could ignore the enter-key with .js , but then how would I create a new line ? Type in blanks til I overflow to a new line ? Thanks
  8. Ah...What a relief , Thank You Very Much
  9. Thanks ; JMRKR "What does the desired output look like?" Here is exactly how I would like it to behave : <!DOCTYPE html> <html> <style> .Lcol { } .Rcol { } </style> <body> <h4>Editable-Simple-P.html Needs Copy Button + Which Col InputBox</h4> <p class="Lcol " contentEditable = "true" style="display: inline-block; background: yellow; width:45%;">This is a paragraph 1. Lcol</p> <p class="Rcol " contentEditable = "true" style="display: inline-block; background: lightblue; width:45%;">This is a paragraph 4. Rcol<hr>
  10. Thanks ; JMRKER : Watch what happens when you hold down the 1 key . The whole left table stretches way on top of the right table . I want it to each table to stay in place , and wrap each line . Thanks Validated : <!doctype html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <!-- https://www.freeformatter.com/html-validator.html --> <!-- // or /* GOOD For Javasc
  11. Pls , Let me ask you this This time using <aside> How can I get "word-wrap: break-word; " to work for each cell (td) ? Right now it appears to stretch on into infinity . <!doctype html> <html> <head> <title></title> </head> <body> <h3 style="text-align:center;"> Using multiple HTML5 aside tags . </h3> <aside style="float: right; width: 50%; font: 20px Calibri;"> <div> <table contenteditable="true" style="text-align: left; width: 100%; " border="1" cellpadding="2" cellspacing="2"&
  12. Sorry , you are correct . I developed parallel fake tables to get around the no parallel tables linitation . Which woked great . http://vmars.us/ShowMe/FAKE-TABLES-ContentEditable-COPYABLE.html I wonder if parallel Tables in a parallel <aside> situation .
  13. Hi dsonesuk ; I think you are referring to this : http://vmars.us/reads/vmTemplate-2Parallel-Tables-P-Editable-BEST.html But no , that's a different problem . There I was dealing with my own Fake Tables . Now I am using real Tables .
  14. Hello & Thanks ; See Code below ; I would like to Put two tables side by side (on same line) . <!DOCTYPE html> <html><head><meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title></title> <style> #span01 { display: inline-block; } #span02 { display: inline-block; } </style> </head> <body contenteditable="true"> <br> <span id="span01"> <table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr>
  15. 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: non
  16. This might help : https://www.w3schools.com/html/html_layout.asp
  17. 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:
  18. 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; }
  19. 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 .
  20. 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
  21. 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
  22. 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
  • Create New...