Basically, the DOCTYPE describes the HTML that will be used in your page. Browsers also use the DOCTYPE to determine how to render a page. Not including a DOCTYPE or including an incorrect one can trigger quirks mode. The kicker here is, that quirks mode in Internet Explorer is quite different from quirks mode in … Read more
I am using the following one: CSS Layout – 100 % height Min-height The #container element of this page has a min-height of 100%. That way, if the content requires more height than the viewport provides, the height of #content forces #container to become longer as well. Possible columns in #content can then be visualised … Read more
An authoritative place to look for allowed containment relations is the HTML spec. See, for example, http://www.w3.org/TR/html4/sgml/dtd.html. It specifies which elements are block elements and which are inline. For those lists, search for the section marked “HTML content models”. For the P element, it specifies the following, which indicates that P elements are only allowed … Read more
All text in an XML document will be parsed by the parser. But text inside a CDATA section will be ignored by the parser. CDATA – (Unparsed) Character Data The term CDATA is used about text data that should not be parsed by the XML parser. Characters like “<” and “&” are illegal in XML … Read more
Every browser that supports XHTML (Firefox, Opera, Safari, IE9) supports self-closing syntax on every element. <div/>, <script/>, <br></br> all should work just fine. If they don’t, then you have HTML with inappropriately added XHTML DOCTYPE. DOCTYPE does not change how document is interpreted. Only MIME type does. W3C decision about ignoring DOCTYPE: The HTML WG … Read more
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; } This makes the scrollbar always visible and only active when needed. Update: If the above does not work then just using this may. html { overflow-y:scroll; }
<ui:include> Most basic way is <ui:include>. The included content must be placed inside <ui:composition>. Kickoff example of the master page /page.xhtml: <!DOCTYPE html> <html lang=”en” xmlns=”http://www.w3.org/1999/xhtml” xmlns:f=”http://xmlns.jcp.org/jsf/core” xmlns:h=”http://xmlns.jcp.org/jsf/html” xmlns:ui=”http://xmlns.jcp.org/jsf/facelets”> <h:head> <title>Include demo</title> </h:head> <h:body> <h1>Master page</h1> <p>Master page blah blah lorem ipsum</p> <ui:include src=”/WEB-INF/include.xhtml” /> </h:body> </html> The include page /WEB-INF/include.xhtml (yes, this is the … Read more
HTML 5 explicitly allows custom attributes that begin with data. So, for example, <p data-date-changed=”Jan 24 5:23 p.m.”>Hello</p> is valid. Since it’s officially supported by a standard, I think this is the best option for custom attributes. And it doesn’t require you to overload other attributes with hacks, so your HTML can stay semantic. Source: … Read more
You’re missing the option: <h1> <a href=”http://stackoverflow.com”> <img src=”logo.png” alt=”Stack Overflow” /> </a> </h1> title in href and img to h1 is very, very important!
There is an easy fix (text-indent) to keep the indented list effect with the :before pseudo class. ul { margin: 0; } ul.dashed { list-style-type: none; } ul.dashed > li { text-indent: -5px; } ul.dashed > li:before { content: “-“; text-indent: -5px; } Some text <ul class=”dashed”> <li>First</li> <li>Second</li> <li>Third</li> </ul> <ul> <li>First</li> <li>Second</li> <li>Third</li> … Read more