This answer presents a hack, but I would highly recommend you to use flexbox (as stated in @Haschem answer), since it’s now supported everywhere. Demos link: – Bootstrap 3 – Bootstrap 4 alpha 6 You still can use a custom class when you need it: .vcenter { display: inline-block; vertical-align: middle; float: none; } <div … Read more
You don’t need JavaScript for this! Here is a cross-browser solution: See this example! – It works in Chrome/FF/IE – (IE10/9/8/7) The best approach would be to have a custom label element with a for attribute attached to a hidden file input element. (The label’s for attribute must match the file element’s id in order … Read more
It is impossible to change the format We have to differentiate between the over the wire format and the browser’s presentation format. Wire format The HTML5 date input specification refers to the RFC 3339 specification, which specifies a full-date format equal to: yyyy-mm-dd. See section 5.6 of the RFC 3339 specification for more details. This … Read more
My suspect is of course the actual Base64 data. Otherwise it looks good to me. See this fiddle where a similar scheme is working. You may try specifying the character set. <div> <p>Taken from wikpedia</p> <img src=”data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 9TXL0Y4OHwAAAABJRU5ErkJggg==” alt=”Red dot” /> </div> You can try this Base64 decoder to see if your Base64 … Read more
Wow, this problem is popular. It’s based on a misunderstanding in the vertical-align property. This excellent article explains it: Understanding vertical-align, or “How (Not) To Vertically Center Content” by Gavin Kistner. “How to center in CSS” is a great web tool which helps to find the necessary CSS centering attributes for different situations. In a … Read more
Yes, look all tips and tricks with mailto: http://www.angelfire.com/dc/html-webmaster/mailto.htm mailto subject example: <a href=”https://stackoverflow.com/questions/4782068/mailto:no-one@snai1mai1.com?subject=free chocolate”>example</a> mailto with content: <a href=”mailto:no-one@snai1mai1.com?subject=look at this website&body=Hi,I found this website and thought you might like it http://www.geocities.com/wowhtml/”>tell a friend</a> As alluded to in the comments, both subject and body must be escaped properly. Use encodeURIComponent(subject) on each, rather than … Read more
UPDATE: The below answer references the state of things before widespread availability of CSS 3. In modern browsers (including Internet Explorer 9 and later) it is more straightforward to create checkbox replacements with your preferred styling, without using JavaScript. Here are some useful links: Creating Custom Form Checkboxes with Just CSS Easy CSS Checkbox Generator Stuff … Read more
It depends on which character set you want to use. There’s no tab entity defined in ISO-8859-1 HTML – but there are a couple of whitespace characters other than such as  ,  ,and  . In ASCII, 	 is a tab. Here is a complete listing of HTML entities and a useful discussion of whitespace … Read more
Try setting the height of the html element to 100% as well. html, body { height: 100%; } Body looks to its parent (HTML) for how to scale the dynamic property, so the HTML element needs to have its height set as well. However the content of body will probably need to change dynamically. Setting … Read more
Solution 1: The most reliable and unobtrusive method appears to be this: Demo: http://jsfiddle.net/SO_AMK/wXaEH/ HTML: <div class=”clearfix”> <div style=”float: left;”>Div 1</div> <div style=”float: left;”>Div 2</div> </div> CSS: .clearfix::after { content: ” “; display: block; height: 0; clear: both; } With a little CSS targeting, you don’t even need to add a class to the parent … Read more