Jump to content


  • Content Count

  • Joined

  • Last visited

Everything posted by vmars316

  1. WIndows 10 , Chrome None of the try-it links work for me , here's one: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_hover2 DeveloperTools show these errors: snigelweb-com.videop…om/videoloader.js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT sncmp_stub.min.js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT static.h-bid.com/w3s…m.min.js?20190327:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT tryit.asp:49 Uncaught TypeError: window.__cmp is not a function at tryit.asp?filename=trycss_sel_hover2:49 And after the '
  2. Editor wouldn't let me add my code: So here it is now: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> <title>Drag Multiple Elements</title> <style> body { margin: 20px; } #container { width: 100%; height: 200px; background-color: #DAE9BC; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 7px; touch-action: none; } .item:active { opacity: .75;
  3. Thanks dsonesuk works perfectly ! Now what I want to do is add a few more things to be more in line with I am aiming at . But I am running into a similar thing . The two areas that I suspect are problematic are : div .item4:hover + p.borderShowTop { background-color: yellow; padding: 20px; display: block; } <!-- and --> <div class="item item4" contenteditable="true"> Hover over me! Contenteditable. <p class="borderShowTop">Click & hold down to move :)</p> I can't see my error .
  4. No I am just adding to the code . And I have tried many times . ??
  5. Hello & Thanks ; Please , What's the diff between these two codes , other than the fact that 'my attempt' doesn't work : ================ from w3Schools: <!DOCTYPE html> <html> <head> <style> div { background-color: yellow; padding: 20px; display: none; } span:hover + div { display: block; } </style> </head> <body> <span>Hover over me!</span> <div>I will show on hover</div> </body> </html> my attempt : <!DOCTYPE html> <html> <head> <style&
  6. dsonesuk Here's what I mean , see image :
  7. Thanks this prompted me to start an .html page for this sort of thing , called: QA-for-html5-css-js.html Hopefully I'll remember there is such a page
  8. Plz , let me ask a more basic question: For a function like this: (btw: this editor has no 'code icon ' option, so I'll use quotes .) That uses .id , #mydiv , I want to use .mydiv instead . And I will have multiple <div class="mydiv"> elements . So how can I translate ' ev.target.id) ' into ev.target.class) ? How can I identify which .mydiv was actually clicked . Is there a different syntax or format or properties that I can use ? Or is there away to set up an ' id array ' so that when a click on a <div> I know which was clicked
  9. Hello & Thanks , Sorry so many questions at once , they are all part of one project . Referring to the article: 'Draggable DIV Element' here: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_draggable I would like to have multiple movable <div>s . But having problems . Here is the code so far: <!DOCTYPE html> <html> <style> #mydiv { position: absolute; z-index: 9; background-color: #f1f1f1; text-align: center; border: 1px solid #d3d3d3; cursor: move; } #mydivheader { padding: 10px; cursor: move; z-index: 10;
  10. Hello & Thanks , In the "howto/tryit.asp?" page the 'Your Code has Been Saved File has been saved to:' pop doesn't give any filename. Is there something I am doing wrong What do I need to do to get it working ?? Thanks
  11. Thanks Ingolme , Very cool ! I scooped it . I use KompoZerPortable to create tables . & still using Notepad++
  12. dsonesuk Just curious , how does one know if something has been answered successfully ? There doesn't seem to be an 'answered icon' any where . Thanks
  13. <!DOCTYPE html> <html> <head> <title> Test </title> <link rel="stylesheet" type="text/css" href="css/styles.css"> </head> <body> <div style="border: 4px solid blue ; min-width: 200px; max-width:350px;"> <table style="border: 4px solid red ;"> <tr> <td width="200" bgcolor="#F0f0f0">asdfgh </td> </tr> </table> </div> </body> </html>
  14. I tend to use my own fake Tables : <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>vmTemplate-2row2col.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;
  15. Hello & Thanks ,When typing into <input> field , I prefer its behavior . It has a nice smooth scrolling effect . The other examples have jumpy , stacking or stretching behavior . How can I 'Duplicate <input> behavior for <p> or <span> ?' . The reason I don't use <input> is because I need the "contenteditable="true" ability so that I can I can 'SaveAs' htmlPage and all is entered data . Thanks I tried to save this code from https://www.w3schools.com/html/tryit.asp?filename=tryhtml_elem_input but it's not working
  16. Aha you were right from the beginning . I uninstalled my Chrome adBlocker but that didnt solve problem . I didn't realize that Chrome has an internal blocker. Turns out Chrome has under 'Advanced Settings' something called 'Content Settings' and under there is a settings called 'Pop-ups and redirects' once I reset that to 'Allowed' all is well . Edge also has an 'Advanced Setting' called 'Block pops-ups' that needs to be turned off . Likewise InternetExplorer has a check box under 'Internet Options' that needs to be UNchecked called 'Turn on Pop-up Block
  17. Thanks I uninstalled popup-blocker and tried <!DOCTYPE HTML> <head> <title>myFavs-starter.html</title> <meta name="Generator" content="PureBasic"> <meta name="Description" content="...Created by myFavs % PureBasic..."> <style type="text/css"> </style> </head> <body text="#000000" style="background-color:rgb(90,105,125); text-align:center;"> <br> <br> <br> <!--dd <div style=--> <table width="100%" border="0" style="text-align:center" cellspacing="0" cellpadding="0"> <tr style="text-
  18. Hello & Thanks , I am having a prob with Years old html5 page stopped working ? html5 'select dropDown menu, go to site : I have been using this code with success for years , now no-go ? I need help to figure it out , Thanks. <!DOCTYPE HTML> <head> <title>myFavs-starter.html</title> <meta name="Generator" content="PureBasic"> <meta name="Description" content="...Created by myFavs % PureBasic..."> <style type="text/css"> </style> </head> <body text="#000000" style="background-color:rgb(90,105,125); text-al
  19. Hmm... This is pretty cool too (double whamy): <p contenteditable="" id="p_ah1" onfocus="{has_Focus = 'p_ah1'}; console.log(has_Focus); " onclick="{has_Focus = 'p_ah1'}">Heading</p>
  20. Please let me know if you find out why it acts that way . Thanks
  21. Thanks Ingolme I checked it out , but I don't want to dabble with tabindex . I came up with a workaround that works for me: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- https://www.freeformatter.com/html-validator.html --> <title>How to do lots of stuff:</title> <style type="text/css"> </style> </head> <!-- --> <!-- body onload="documentURL()" . --> <!-- Get & Display Current page's address . --> <body onload="documentURL()">
  22. https://www.w3schools.com/code/tryit.asp?filename=G19MDT6C3HPE Thank you for doing that ! Now we are getting somewhere , I think . Note image below: This is what I see from same html . Perhaps it has something to do with you are connected with a Server , I am not . In debugging , I find that : If I copy my code from the 'w3schools link' you gave me , I get my same results , not yours . However , If while at your 'w3schools link' , I click 'RUN' and then click [Add Text] a couple times , Then click [Save This Page] , and let it download t
  • Create New...