Using a protocol-independent absolute path: <img src=”//domain.example/img/logo.png”/> If the browser is viewing an page in SSL through HTTPS, then it’ll request that asset with the HTTPS protocol, otherwise it’ll request it with HTTP. This prevents that awful “This Page Contains Both Secure and Non-Secure Items” error message in IE, keeping all your asset requests within … 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
$(function() { $(‘ul.selectdropdown’).each(function() { var $select = $(‘<select />’); $(this).find(‘a’).each(function() { var $option = $(‘<option />’); $option.attr(‘value’, $(this).attr(‘href’)).html($(this).html()); $select.append($option); }); $(this).replaceWith($select); }); }); EDIT As with any jQuery code you want to run on page load, you have to wrap it inside $(document).ready(function() { … }); block, or inside it’s shorter version $(function() { … … Read more
The best solution I’ve found is with CSS Styling: #reflection_overlay { background-image:url(../img/reflection.png); background-repeat:no-repeat; width: 195px; pointer-events:none; } pointer-events attribute works pretty good and is simple.
Justin is dead on. The key point here is that HTML is just a language for describing a document. Once the browser reads it, it’s gone. Open tags, close tags, and formatting are all taken care of by the parser and then go away. Any tool that shows you HTML is generating it based on … Read more
Use absolute positioning: #div1{ width: 100%; height: 50px; background-color:red;/*Development Only*/ } #div2{ width: 100%; position: absolute; top: 50px; bottom: 0; background-color:blue;/*Development Only*/ } <div id=”div1″></div> <div id=”div2″></div>
Here’s a pure CSS method using no JavaScript. I used ::before and ::after pseudo-elements to do the row and column highlighting. z-index keeps the highlighting below the <td>s in case you need to handle click events. position: absolute allows them to leave the confines of the <td>. overflow: hidden on the <table> hides the highlight … Read more
Well, Duopixel’s answer is plain perfect. If we go a step further we can make it bulletproof. select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } Only valid for Firefox and the ugly dotted outline around the selected option is gone.
Use inline-block instead. Add these properties to all the elements on which you want to add padding. For example: a:link { display: inline-block; display: -moz-inline-box; -moz-box-orient: vertical; vertical-align: top; zoom: 1; *display: inline; }
It is not possible to get the expiration date of a cookie through Javascript; only key-value pairs are exposed through document.cookie.