Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation since 04/14/2020 in all areas

  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. Apart from where it will only show the last option everytime. (.= required to append each option) $statelist .= "<option value='".$states."'>".$states."</option>";
    1 point
  4. .flip-card-back { background-color: #2980b9; color: white; transform: rotateY(180deg); display: flex; justify-content: center; flex-flow: column; }
    1 point
  5. 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
  6. 1 point
  7. MDN has a good description of image formats and what they're good for: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#supported_image_formats Personally, I find PNG to be the most reliable format for complex images. While WebP has slightly better compression, it is not as widely supported by browsers, though all the biggest browsers support it. SVG is good for simple shapes, since it is a vector format. It is ideal for icons, logos and similar images.
    1 point
  8. edit profile button, upper right hand corner of your profile page
    1 point
  9. Hi all, Joined the site learn and master the art of Java and other skills. This is my attempt to changing my career path from the healthcare industry to the technology side. Hoping that Java will be a stepping stone for a more fulfilling career.
    1 point
  10. Would be great if you had a special chapter devoted to creating website that has an index on the left side which updates the highlighted text in response to the user scrolling up and down on the right side. For example: https://docs.spring.io/spring-data/commons/docs/current/reference/html/#reference. I do realize that there's probably enough on the html tutorial to eventually be able to hack this thing together on your own, but I think it deserves its own special section/chapter. Thanks.
    1 point
  11. Is thee any New HTML and CSS learner or coder with whom I can learn or practice Coding Learning? Please contact with me and let's begin...! Note: I wan some effective suggestion from which I can a Website Designer or Programmer or a Full Stack Web Developer. It;s my dream to be a Full Stack Web Developer, Please HELP Me. Thanks.
    1 point
  12. It is exactly the space left for hanging letters. This space appears beneath all inline and inline-block elements. Horizontal space to the left or right of inline elements is just the browser representing whitespace.
    1 point
  13. 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
  14. its a vertical-align issue, of all the ones to give it, they give it one that give a space at bottom. many ways to fix it, change default vertical-align, display: block, for img, font-size: 0; line-height: 0; for parent.
    1 point
  15. Don't worry. If you have any questions about design or development, be sure to ask.
    1 point
  16. Please, leave the moderating to the moderators. While the General forum is described as general discussion about W3Schools.com, we do allow topics that don't fit other categories to go there. The guidelines are just guidelines, not necessarily strict rules. The guidelines are written this way to make it more likely for somebody to have their question answered. With that out of the way, it's not a good idea to just sign up to the forums to recruit people. On these forums, what people can offer you is advice about coding, software design and even game design if you need it. To start, you wi
    1 point
  17. Please read our guidelines: [topics] Must be a Specific Problem or Question related to web design and developmen Do you code?
    1 point
  18. ... and what it is all about and when to use it. I like it ...πŸ˜ƒ Sorry for my excitement, but I decided to bite the bullet and start building a website. More for practise at this stage. So I decided to look at CSS Responsive Web Design ... I liked that it uses HTML and CSS ... a good starting pointπŸ€” Anyway just thought I would share my excitement!😜🀠
    1 point
  19. If you plan to do everything client side, just start creating. Then, just save your work in a way that lets you share it. If you plan to do some things server side, you'll need to set up a localhost before you start creating. Then, just save your work in a way that lets you share it. What kind of computer OS do you use?
    1 point
  20. Hi Ingolme Thank you once again! I was away for a while due to the holidays and an illness in the family. For some reason, the SVG filter is not being applied to the canvas cPreview, but is being applied to the canvas cSave. Do you have any thoughts on why this may be happening? Here's my code: <style> #cSave { filter: url("#svgCOLOR"); } #cPreview { filter: url("#svgCOLOR"); } </style> <!-- SVG Declaration --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml" width="2" height="1">
    1 point
  21. The first slash is directory root for more subfolders before images folder.
    1 point
  22. 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
  23. 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
  24. 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
  25. You need to add selector above inner curly brace.
    1 point
  26. I suggest using the object-fit Property https://www.w3schools.com/css/css3_object-fit.asp div{width:390px;height:280px; overflow:hidden; /*background-color: #ccc; */} div img {max-width: 100%;max-height:100%; height:100%;width: 100%; object-fit: cover; } https://www.w3schools.com/code/tryit.asp?filename=GKO6RUZSK2W5
    1 point
  27. 1 point
  28. You can use it like this: window.open('https://www.w3schools.com', '_blank');
    1 point
  29. The more general solution would be to have a string containing the name of the method and use the square brackets notation to access it. var methodName = "toUpperCase"; var str = "Hello World!"; var result = str[methodName](); This solution only works with methods that don't take arguments, of course.
    1 point
  30. Kindly send an email to lava_0208@hotmail.com
    1 point
  31. 1 point
  32. Hi! item is a function, not an object, so you must call it: linkElements.item(i).setAttribute("target", "_self") By the way, getElementsByTagName returns HTMLCollection and you can get single item also in this way: linkElements[i].setAttribute("target", "_self") Finally, you incorrectly compare whether the target equals _blank. You used "=" which means you are assigning this value. You must use "==" or "===" operator. Please refer to the MDN documentation. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Strict_equality https://developer.mozi
    1 point
  33. <div class="navbar"> <a href="#home" class="bkcolor1">Home</a> <a href="#news" class="bkcolor2">News</a> <div class="dropdown"> <button class="dropbtn bkcolor3">Dropdown <i class="fa fa-caret-down"></i> </button> <div class="dropdown-content"> <a href="#" class="bkcolor4">Link 1</a> <a href="#" class="bkcolor5">Link 2</a> <a href="#" class="bkcolor6">Link 3</a> </div> </div> </div> .bkcolor1{background: "red";} .bkcolor2{ba
    1 point
  34. Bootstrap uses !important A LOT! so you have to do the same and use this to overide bootstrap properties using !important.
    1 point
  35. Try this: <!DOCTYPE html><html lang="en"><head><title> Test Page </title> <meta charset="UTF-8"> <meta name="viewport" content="width-device-width,initial-scale=1.0, user-scalable=yes"/> <!-- link rel="stylesheet" href="common.css" media="screen" --> <style> #Peanuts { font-size: 2em; } </style> </head> <body> <a id="Peanuts" href="" target='_blank'>Todays's Peanut Strip</a> <script> function init() { var tday = new Date(); var link = 'https://www.gocomics.com/peanuts/' + tday.getFullY
    1 point
  36. If you are loading the file from another website, you have no way to know when it was last modified. To find out the modification time of a file, it has to be on your server. The ?ver=2.0 probably is just there so that older versions of the file are not loaded from the browser cache.
    1 point
  37. The issue is that you should not have an <ol> tag as a direct child of another <ol> tag. It runs into an <ol> and stops counting there. Your structure should look like this: <ol> <li>text</li> <li>text</li> <li>text <!-- ol element wrapped in this li --> <ol> <li>text</li> <li>text <ol> <li>text</li> <li>text</li> <li>text</li> </ol> </li> <li>text</li> <
    1 point
  38. I have little experience with TypeScript, but I assume that TypeScript would have shown you an error if you had tried to call add() with a string before converting it to plain Javascript. If you are using TypeScript, you should write all of your code in TypeScript rather than converting to Javascript and then writing more code. I expect it will handle type checking as long as you are working in the TypeScript environment.
    1 point
  39. CSS cannot obtain metadata from files. Even Javascript cannot do that, you would need a server-side language to get that information and display it on the page.
    1 point
  40. Give it a id ref use that id ref in document.getElementById() and style it how you want. It will add style="display: inline;" (if you styled it as inline) being inline to the element it will have a higher precedence over styling created in css stylesheet UNLESS you used !important with it. using document.getElementById("elementsid").style.display="initial"; should also revert to elements default display value.
    1 point
  41. https://www.w3schools.com/html/html_links_bookmarks.asp
    1 point
  42. Usually a decent editor would highlight something like this, it would give you the ability to collapse these containers to identify misplaced opening or closing tags. You can also use W3C html validator.
    1 point
  43. You should go through the effort of learning PHP rather than asking people to write code for you. Most of us have jobs and can't spend the time writing code if we're not getting paid for it, but just to illustrate my previous post, I'll write the code for this example. <?php if($_SERVER['REQUEST_METHOD'] == 'POST') { $data = [ 'tag' => implode(',', $_POST['txt']), 'year' => $_POST['year'], 'month' => $_POST['month'], 'day' => $_POST['day'], 's' => $_POST['s'] ]; $target = 'http://test.com/class/category-photography/?' . http_build_query(
    1 point
  44. I would do complete removal of 'active' class from both tabs and tabss if they exist or not. Get index of currently clicked and apply 'active' to .eq(indexref) of .tabs, then 'active' to $(this) currently clicked for .tabss. No if condition, No css nth-child, never used this? find that .eq() better suited. If this is what i think you are attempting.
    1 point
  45. All those new Javascript features are just syntactical sugar. Since they don't do anything particularly useful besides that, I generally don't use them since I prefer my websites to be accessible to the widest range of people. Now if Javascript introduced something useful like strict typing or passing primitive values by reference I'd be more in favor of pushing for new versions of Javascript.
    1 point
  46. I'm not sure to what extent it will affect the page on mobile, but the lack of a <!DOCTYPE html> tag on your page forces browsers into outdated rendering modes. The mobile devices may have an issue with this as well.
    1 point
  47. Oh no, Ingolme!!! It seems to be an interesting behaviour of window.getComputedStyle() and getPropertyValue("text-decoration") Its important to note, that the exercise checks for the existence of none inside this property value. On Firefox, when you've defined the text-decoration as none it actually removes the text-decoration-line(default: underline) and text-decoration-style(solid) keywords from the text-decoration property value. So you're only left with the text-decoration-color. Hence the process fails. On Chrome, text-decoration is property that seems to be directl
    1 point
  48. URLs have the following components: http://www.example.com/path/file.html?a=value#target http:// Protocol: Tells the browser how to communicate with the server. www.example.com Host name: Tells the browser where on the internet to go. /path/file.html Path: Tells the server what file was requested. ?a=value Query string: Tells the server what information is requested. #target Hash: Tells the browser where on the page to go The component we're dealing with here is the hash. When you click on a link with a hash in it (<a href="page.html#something">) it scrolls you down to the e
    1 point
×
×
  • Create New...