Jump to content

Leaderboard

The search index is currently processing. Leaderboard results may not be complete.

Popular Content

Showing content with the highest reputation since 05/07/2020 in Posts

  1. Hi All! I'm the coding projects manager at [link removed] and I'm very thrilled with W3Schools' latest developments. These signed-in learning paths and forums are great! I'm from New York, and Ruby on Rails is what I/we code with the most. But I'm excited to be learning more here at W3Schools. If any of you are interested, we have a bustling and supportive coding community at [link removed] --- we are the world's first not-for-profit social media community, where we help our members worldwide DIVE for their big BREAKs in life. I hope you'll come check it out--not only are we always
    2 points
  2. That was the days of html4 with strict doctype no longer supporting it, it was my main gripe as there was not cross browser support for anything else similar, so you had to use transitional doctype which allowed iframes. Then whoever realised what a major blunder they made, and it was resupported in html5
    2 points
  3. If you assign a jQuery result to a variable, you do not need the $() function to use it. This should work, though I haven't tested it so there might be a mistake somewhere. ( function( $ ) { var modal = $('#myModal'); var img = $('.myImg'); var modalImg = $('#img01'); var captionText = $("#caption"); img.click(function(){ modal.show(); modalImg.attr("src", $(this).attr("src")); captionText.html($(this).attr("alt")); }); var span = $(".close").first(); span.click(function(){ modal.hide(); }); } ( jQuery ) ); I do not see a
    1 point
  4. Usually positioning and z-index layer level problem. If you have nav sibling container and a content sibling container i.e nav above content container. The nav (with child menus) with position: relative/sticky etc with a higher z-index than below content sibling container of position: relative; (this is usually all that is required without the need for z-index being set). The nav and its child menu should show above the content sibling AND children elements within it.
    1 point
  5. Apart from where it will only show the last option everytime. (.= required to append each option) $statelist .= "<option value='".$states."'>".$states."</option>";
    1 point
  6. If you want to separate two pictures in same row the Margin Property allow you to give space between two picture . Here is the code <html> <head> <title>IMAGE</title> </head> <body> <img src="/image/Screenshot_2.png" alt="old car" style="margin: 10px;width: auto;height:300;" > <img src="/image/Screenshot_1.png" alt="car1" style="margin: 10px;width: auto;height:300;" > </body> </html> I hope this will helps you.
    1 point
  7. You should really take this to a Wordpress forum or specific Wordpress plugin forum, this forum is web development in general. That said I would have thought it would be to a integer number 25, otherthan a alphanumeric such as 'id25'.
    1 point
  8. 1 point
  9. Oh, I see you were referring to the website account rather than the forum account. I'm afraid I cannot really help, but you can send an e-mail to help@w3schools.com to see if they can resolve your issue.
    1 point
  10. There is information about centering containers on this page: https://www.w3schools.com/howto/howto_css_center_website.asp I recommend upgrading from XHTML Transitional to HTML 5. XHTML was phased out ten years ago.
    1 point
  11. "Width" and "Height" are used for the width and height of the image. Whereas "alt" is used when there is no image displayed on the page. Means if there is a wrong source of image is given then text in the alt will display.
    1 point
  12. Alt shows the ALTernative text if image failt to load. The width and height as they suggest allows you add these dimensions in 'px', most of the time this is controlled by css, but these can help set the size beforehand and prevent layout jumping as images fill there occupying locations.
    1 point
  13. It's working in notepad. <html> <head> </head> <body> <img src="http://qnimate.com/wp-content/uploads/2014/03/images2.jpg"/> </body> </html> If there is still problem then use the latest version of notepad. Hope it helps.
    1 point
  14. My first guess is that BlogSpot removes <script> tags from the content of the document. If that is not the cause of the problem, then maybe there is a Javascript error. In most browsers you can see Javascript errors by pressing F12.
    1 point
  15. Actually, to remove the password from the generated HTML, just cut out everything and only keep these lines: <script language="JavaScript1.2"> orig = unescape( /* ... ... ... ... */ ); orig1 = orig1.replace(/mmm/g,"\r\n"); document.write(orig1); </script> <noscript>JavaScript must be enabled in your browse in order to see protected page.</noscript>
    1 point
  16. https://www.w3schools.com/code/tryit.asp?filename=GNVVBS9H7SVT
    1 point
  17. https://www.w3schools.com/code/tryit.asp?filename=GNU4PJEGMKOZ
    1 point
  18. Greetings My forum status just got approved. I have some knowledge of HTML, CCS, JavaScript, Java and C++. I'm on this site to kept up with my knowledge of Web development and maybe learn some new things. I'm from the Midwest of USA and right now its freezing here!!
    1 point
  19. I recommend doing the tutorials in the order HTML > CSS > Javascript. If there's something you don't understand you can always come back to review it later. This kind of knowledge builds up gradually over time.
    1 point
  20. I haven't checked but they most likely use AJAX to load a piece of content from the database and populate a box with it. There is Javascript and server-side code involved, it's not exactly simple.
    1 point
  21. Identify width from side, then with calc() subtract this width from total 100% width.
    1 point
  22. Refresh page with cntrl F5, hopefully you are using local server 'wamp' or 'xamp', and not laptop file system.
    1 point
  23. Sort of, but even stacking of elements will cause linebreak which is treated as space and therefore a alignment problem. You get a similar problem in using display: inline-block; it usually results in a gap following it.
    1 point
  24. The libraries are not faster than writing native Javascript, they are just coded in an optimal way. You could try to go through their source code if you want to learn some techniques. A common technique to make canvas appear faster is to draw on a buffer (a hidden canvas) and then use drawImage() to draw the contents of the hidden canvas onto the visible canvas. Without more information on how you are writing code for canvas, I can't tell you how to optimize it.
    1 point
  25. If the <script> tag is before the elements in your document then it won't have access to the elements because they haven't been parsed by the browser yet. I recommend putting <script> tags at the bottom of the page, right before the closing </body> tag.
    1 point
  26. You have got it the wrong order. the container should follow header,, .row should be child of container, then lang (col that is 100%) wide) should be child of .row. The container should be 100% width, not 82% as you have it, once that is done change .lang to .lang { /* float: right; */ /* margin: -24px 5px 0 0; */ text-align: right; display: block; margin: 0 25px; } .container { /* width: 82%; */ margin: 0 auto; max-width: 1100px; } <div class="container"> <div class="row"> <div class="lang"><a href="https://www.mikroviolog
    1 point
  27. Hi. Didi you use the media query for that? If yes then use below code for less than 1000px browser width: .lang { float: right; margin: -79% 4px 55px 0; } Hope it helps.
    1 point
  28. In this context, I mean start writing code especially for reasons that interest you! The bigger the variety of ideas you try to write code for, the more valuable your code skills will be to you and the people that will want to hire you. Speaking for myself, the key to becoming confident as a coder is the willingness to make mistakes. Lots and lots of mistakes. It's just as easy for you to produce challenging, mistake producing code situations, as it is for employers. So, don't wait around for some one to hand you a job. Make one for yourself and be willing to tackle lots of mistakes. Ma
    1 point
  29. Nope. Not yet. Paste the actual text of your code using the code tags. That will make your code visible in your post. You keep posting the file. It's usually always very bad practice to click a button connected to a file from an unknown source. We want to see your work an a completely SAFE environment. Please post the text, not the file, using the <> tags. IF IT'S TOO LONG, edit out the irrelevant parts. EDIT: We need to see something with a format like this: <!DOCTYPE html> <html> <head> <style> img { float: right; } <
    1 point
  30. The first slash usually represents the root directory or domain name that is directed to that directory, images is a folder within that root directory and then the image within that images folder.
    1 point
  31. Hi. I was wondering is you could make a dark mode for the entire w3schools, like how you did it for the tryit editor. That would be really cool thanks!
    1 point
  32. It's not an array because you overwrote the array with an object of type "component" on this line: gameObstacle = new component(10, 200, "green", 300, 120);
    1 point
  33. Here's a Dec 2020 link that addresses you question about "working cross browser": https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction Here's a quote that stuck out:
    1 point
  34. If you use media queries the idea is for every device width extra small, small mobiles, medium/tablet, desktop, extra large desktop, you have to define using media queries the size of parent element holding the images, if you use only one that size can be carried on to the rest, depending on min-width, max-width queries you use and how you positioning the order, one has sizes in ascending order, the other descending order. I personally don't think you require it for this, just extend full width, and let the images stack themselves naturally, you can add margins, or use justify-content: to
    1 point
  35. Which safari? Windows?, ignore they stopped supporting safari for windows ages ago.
    1 point
  36. You need to add selector above inner curly brace.
    1 point
  37. The W3c god says your html, css is invalid and not to to his standards, so unless you produce valid coding, he says to cast your code out! until properly validated. For who is to say that, this! is the reason you are troubled by failure. Sayeth W3c the true lord of all things web, please read link https://www.w3.org/standards/webdesign/htmlcss
    1 point
  38. You can use it like this: window.open('https://www.w3schools.com', '_blank');
    1 point
  39. 1 point
  40. Wrap in quotes 'p, div', then use for loop with makeBold.length to loop through collection from querySelectorAll(); to apply required style.
    1 point
  41. If you have multiple elements, you have to call the function multiple times. It could be done in a loop. var elements = document.getElementsByClassName("myClass"); for(var i = 0; i < elements.length; i++) { w3CodeColor(elements[i]); }
    1 point
  42. See if you can modify this to your needs... <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" id="viewport" content="target-densitydpi=high-dpi,initial-scale=1.0,user-scalable=no" /> <title>Multi-Modals</title> <!-- <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> <!-- // optional --> <!-- From: http://w3schools.invisionzone.com/topic/55976-multiple-modal-boxes-on-webpage/ For: https://w3schools.invisionzone.com/topic/61800-html-or-js-problem/ --&
    1 point
  43. Personally, I don't like to follow trends. I evaluate each technology and determine whether it fulfills my needs or not.
    1 point
  44. I can only speak for myself, but my answer is: If the task you want to accomplish can be done in a browser, you probably don't need an app at all, PWA or otherwise. I notice a lot of companies trying to get users to download an app which is basically just an alternative way to navigate their website. If I was interested in building an app that works in the browser, I would not use PWA since I can build the app in native Javascript which allows more freedom and control over how the application is built. There is nothing that Google's PWA framework can do which cannot be done in native Java
    1 point
  45. YES! Your stylesheet should always follow bootstrap, check an element through web development tools F12, check elements for bootstrap styling, make note of bootstrap selector, style how you want it and if required add !important. Web developer will let you edit stylesheet live, without actually changing anything, therefore you changr, turn off the styling until you get result you require, it even list the changes you have made to achieve that result, although you have to enable it first.
    1 point
  46. Look into flex box layout, using display: flex;
    1 point
  47. Not in an easy way. I'd start by looking for APIs offered by your mail server. Some APIs are through HTTP, but some are through the IMAP protocol.
    1 point
  48. That's not a tutorial, it is a reference page. References provide technical details about a function for somebody who already knows how to use functions. The reference expects your code to have access to a getID3 object, which does not appear in the reference manual, so it probably is an external resource. If you just want to know when a file was modified, PHP has a built in function filemtime() which returns a UNIX timestamp. the date() function can turn the UNIX timestamp into a meaningful string.
    1 point
×
×
  • Create New...