HTML

Relative path in HTML

You say your website is in http://localhost/mywebsite, and let’s say that your image is inside a subfolder named pictures/: Absolute path If you use an absolute path, / would point to the root of the site, not the root of the document: localhost in your case. That’s why you need to specify your document’s folder in order to access the pictures folder: And it would … Read more

Why is this HTML5 document invalid?

Well, it depends on what you are using. if you are using the File Upload option, it depends on which encoding the HTML file was saved with. if you are using the Direct Input option, it depends on the navigator. If you don’t want the validator to guess, and use UTF-8, you can add the following line inside the the head … Read more

Change Color of Fonts in DIV (CSS)

Your first CSS selector—social.h2—is looking for the “social” element in the “h2”, class, e.g.: Class selectors are proceeded with a dot (.). Also, use a space () to indicate that one element is inside of another. To find an <h2> descendant of an element in the social class, try something like: To get a better understanding of CSS selectors … Read more

An invalid form control with name=” is not focusable

This issue occurs on Chrome if a form field fails validation, but due to the respective invalid control not being focusable the browser’s attempt to display the message “Please fill out this field” next to it fails as well. A form control may not be focusable at the time validation is triggered for several reasons. The two … Read more

Show/hide ‘div’ using JavaScript

How to show or hide an element: In order to show or hide an element, manipulate the element’s style property. In most cases, you probably just want to change the element’s display property: Alternatively, if you would still like the element to occupy space (like if you were to hide a table cell), you could change the element’s visibility property instead: … Read more

+ More