<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>ElanMan &#187; CSS</title> <atom:link href="http://www.elanman.co.uk/languages/css/feed/" rel="self" type="application/rss+xml" /><link>http://www.elanman.co.uk</link> <description>ElanMan&#039;s Code Snippets</description> <lastBuildDate>Sat, 03 Sep 2011 12:51:38 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>No Support For CMYK JPGs in Internet Explorer</title><link>http://www.elanman.co.uk/2011/08/no-support-for-cmyk-jpgs-in-internet-explorer/</link> <comments>http://www.elanman.co.uk/2011/08/no-support-for-cmyk-jpgs-in-internet-explorer/#comments</comments> <pubDate>Fri, 26 Aug 2011 18:49:06 +0000</pubDate> <dc:creator>ElanMan</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Hates]]></category> <category><![CDATA[Miscellaneous]]></category> <category><![CDATA[CMYK Support]]></category> <category><![CDATA[Internet Explorer]]></category> <category><![CDATA[RGB JPGs]]></category> <guid
isPermaLink="false">http://www.elanman.co.uk/?p=1151</guid> <description><![CDATA[I came across something today that I&#8217;ve never encountered before. Whilst updating one of our company sites, I added some new product shots given to us by one of our suppliers on a cd. After building the site and regularly checking the result in Firefox/Opera, I decided to have a final check with IE 6-8. <a
href='http://www.elanman.co.uk/2011/08/no-support-for-cmyk-jpgs-in-internet-explorer/'>[...]</a>]]></description> <wfw:commentRss>http://www.elanman.co.uk/2011/08/no-support-for-cmyk-jpgs-in-internet-explorer/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Alternate Background Colours</title><link>http://www.elanman.co.uk/2009/06/alternate-background-colours/</link> <comments>http://www.elanman.co.uk/2009/06/alternate-background-colours/#comments</comments> <pubDate>Tue, 09 Jun 2009 22:56:50 +0000</pubDate> <dc:creator>ElanMan</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[alternate background colours]]></category> <category><![CDATA[alternate table rows]]></category> <category><![CDATA[elanman]]></category> <category><![CDATA[html]]></category> <category><![CDATA[modulus operator]]></category> <guid
isPermaLink="false">http://www.elanman.co.uk/?p=910</guid> <description><![CDATA[To make it easier for your visitors to visually separate similar elements in your web page (such as table rows, paragraphs, list items etc), you can give alternate elements a different background colour. You can achieve this using a server-side script but here&#8217;s a really simple way to do this using JavaScript. You can see <a
href='http://www.elanman.co.uk/2009/06/alternate-background-colours/'>[...]</a>]]></description> <wfw:commentRss>http://www.elanman.co.uk/2009/06/alternate-background-colours/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Using CSS Pseudo-Elements</title><link>http://www.elanman.co.uk/2009/05/using-css-pseudo-elements/</link> <comments>http://www.elanman.co.uk/2009/05/using-css-pseudo-elements/#comments</comments> <pubDate>Sat, 16 May 2009 12:18:31 +0000</pubDate> <dc:creator>ElanMan</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[css selectors]]></category> <category><![CDATA[elanman]]></category> <category><![CDATA[html]]></category> <category><![CDATA[pseudo-elements]]></category> <category><![CDATA[select]]></category> <category><![CDATA[xml]]></category> <guid
isPermaLink="false">http://www.elanman.co.uk/?p=819</guid> <description><![CDATA[In the 2.1 CSS Specification, there are four different pseudo-elements available to use. These are :after, :before, :first-letter and :first-line. Here&#8217;s a quick description of each one. :after :after inserts generated content at the end of the element&#8217;s content. :before Funnily enough, :before inserts generated content before the content of the element. :first-letter :first-letter styles <a
href='http://www.elanman.co.uk/2009/05/using-css-pseudo-elements/'>[...]</a>]]></description> <wfw:commentRss>http://www.elanman.co.uk/2009/05/using-css-pseudo-elements/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Simple Dropdown Menu</title><link>http://www.elanman.co.uk/2009/04/simple-dropdown-menu/</link> <comments>http://www.elanman.co.uk/2009/04/simple-dropdown-menu/#comments</comments> <pubDate>Sat, 18 Apr 2009 22:28:49 +0000</pubDate> <dc:creator>ElanMan</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[absolute positioning]]></category> <category><![CDATA[browsers]]></category> <category><![CDATA[conditional comments]]></category> <category><![CDATA[cross-browser]]></category> <category><![CDATA[css hacks]]></category> <category><![CDATA[dropdown menu]]></category> <category><![CDATA[elanman]]></category> <category><![CDATA[html]]></category> <category><![CDATA[ie6]]></category> <category><![CDATA[Internet Explorer]]></category> <category><![CDATA[navigation]]></category> <category><![CDATA[xml]]></category> <guid
isPermaLink="false">http://www.elanman.co.uk/?p=771</guid> <description><![CDATA[In an ideal world, creating a cross-browser dropdown menu would be straight forward. Unfortunately, the world of browsers is far from ideal (as long as Internet Explorer 6 still exists!). For other browsers, the following code works fine: dropdown.html &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Strict//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=iso-8859-1&#34; /&#62; <a
href='http://www.elanman.co.uk/2009/04/simple-dropdown-menu/'>[...]</a>]]></description> <wfw:commentRss>http://www.elanman.co.uk/2009/04/simple-dropdown-menu/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Simple JavaScript Style-Switcher</title><link>http://www.elanman.co.uk/2009/03/simple-javascript-style-switcher/</link> <comments>http://www.elanman.co.uk/2009/03/simple-javascript-style-switcher/#comments</comments> <pubDate>Mon, 02 Mar 2009 22:59:37 +0000</pubDate> <dc:creator>ElanMan</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[cookies]]></category> <category><![CDATA[css stylesheets]]></category> <category><![CDATA[Dynamic]]></category> <category><![CDATA[elanman]]></category> <category><![CDATA[html]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[Style Switcher]]></category> <category><![CDATA[styleswitcher]]></category> <guid
isPermaLink="false">http://www.elanman.co.uk/?p=352</guid> <description><![CDATA[If you want to give your users the ability to change the appearance of your website dynamically and you don&#8217;t fancy using a PHP Style Switcher, you can always use JavaScript. First off, let&#8217;s take a look at our standard html. index.html 1 2 3 4 5 6 7 8 9 10 11 12 13 <a
href='http://www.elanman.co.uk/2009/03/simple-javascript-style-switcher/'>[...]</a>]]></description> <wfw:commentRss>http://www.elanman.co.uk/2009/03/simple-javascript-style-switcher/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Highlight &#8216;Current Page&#8217; Link</title><link>http://www.elanman.co.uk/2009/01/highlight-current-page-link/</link> <comments>http://www.elanman.co.uk/2009/01/highlight-current-page-link/#comments</comments> <pubDate>Mon, 26 Jan 2009 10:51:42 +0000</pubDate> <dc:creator>ElanMan</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[css selectors]]></category> <category><![CDATA[elanman]]></category> <category><![CDATA[html]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[navigation]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[PHP includes]]></category> <category><![CDATA[select]]></category> <category><![CDATA[styling links]]></category> <guid
isPermaLink="false">http://www.elanman.co.uk/?p=284</guid> <description><![CDATA[In your typical page navigation, you might have a &#8216;normal&#8217; state and a &#8216;hover&#8217; state using the :hover pseudo-class. For example, all nav links have a blue background which changes to a red background when the mouse hovers over them. What if you decide that you&#8217;d like the &#8216;current page&#8217; link to have a red <a
href='http://www.elanman.co.uk/2009/01/highlight-current-page-link/'>[...]</a>]]></description> <wfw:commentRss>http://www.elanman.co.uk/2009/01/highlight-current-page-link/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Know Your Css Selectors</title><link>http://www.elanman.co.uk/2009/01/know-your-css-selectors/</link> <comments>http://www.elanman.co.uk/2009/01/know-your-css-selectors/#comments</comments> <pubDate>Mon, 12 Jan 2009 23:35:38 +0000</pubDate> <dc:creator>ElanMan</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[browsers]]></category> <category><![CDATA[css selectors]]></category> <category><![CDATA[elanman]]></category> <category><![CDATA[html]]></category> <category><![CDATA[ie6]]></category> <category><![CDATA[Internet Explorer]]></category> <category><![CDATA[modern browsers]]></category> <category><![CDATA[rel attribute]]></category> <category><![CDATA[select]]></category> <guid
isPermaLink="false">http://www.elanman.co.uk/?p=236</guid> <description><![CDATA[After you&#8217;ve shortened your css, it&#8217;s time to get to know your css selectors. The following selectors are all in the css2.1 specifications and should work in all modern browsers (in case you&#8217;re wondering, Internet Explorer 6 is not a modern browser!). I haven&#8217;t covered the class and id selectors as I assume you&#8217;re already <a
href='http://www.elanman.co.uk/2009/01/know-your-css-selectors/'>[...]</a>]]></description> <wfw:commentRss>http://www.elanman.co.uk/2009/01/know-your-css-selectors/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Linking To Content On The Same Page</title><link>http://www.elanman.co.uk/2009/01/linking-to-content-on-the-same-page/</link> <comments>http://www.elanman.co.uk/2009/01/linking-to-content-on-the-same-page/#comments</comments> <pubDate>Thu, 01 Jan 2009 21:59:31 +0000</pubDate> <dc:creator>ElanMan</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[anchor tags]]></category> <category><![CDATA[elanman]]></category> <category><![CDATA[html]]></category> <category><![CDATA[link to page content]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[scroll effect]]></category> <category><![CDATA[web design]]></category> <guid
isPermaLink="false">http://www.elanman.co.uk/?p=223</guid> <description><![CDATA[Using Your Element Ids A very simple feature to add to your web page is a link to content that isn&#8217;t currently visible. This can be very handy if your page is particularly long and you want to save your users from manually scrolling with their mouse. For this basic example, I have a page <a
href='http://www.elanman.co.uk/2009/01/linking-to-content-on-the-same-page/'>[...]</a>]]></description> <wfw:commentRss>http://www.elanman.co.uk/2009/01/linking-to-content-on-the-same-page/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Shorten Your CSS!</title><link>http://www.elanman.co.uk/2008/12/shorten-your-css/</link> <comments>http://www.elanman.co.uk/2008/12/shorten-your-css/#comments</comments> <pubDate>Mon, 29 Dec 2008 22:50:11 +0000</pubDate> <dc:creator>ElanMan</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[shorthand css]]></category> <category><![CDATA[smaller css file size]]></category> <guid
isPermaLink="false">http://www.elanman.co.uk/?p=213</guid> <description><![CDATA[Condense Your Code If you&#8217;ve never looked into css shorthand before, now is the time to do so! Not only will it make your css easier to read and debug, it will result in smaller css files meaning faster page loading times for your sites&#8217; visitors. Let&#8217;s take a look at a fictional and particularly <a
href='http://www.elanman.co.uk/2008/12/shorten-your-css/'>[...]</a>]]></description> <wfw:commentRss>http://www.elanman.co.uk/2008/12/shorten-your-css/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>CSS Reset</title><link>http://www.elanman.co.uk/2008/10/css-reset/</link> <comments>http://www.elanman.co.uk/2008/10/css-reset/#comments</comments> <pubDate>Sat, 04 Oct 2008 18:29:32 +0000</pubDate> <dc:creator>ElanMan</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[browsers]]></category> <category><![CDATA[css reset]]></category> <category><![CDATA[html]]></category> <category><![CDATA[select]]></category> <guid
isPermaLink="false">http://www.elanman.co.uk/?p=163</guid> <description><![CDATA[This is possibly the shortest post in history but worthwhile nonetheless. Before you start your css for a page/site, bung this right at the top of your stylesheet. * &#123; margin:0; padding:0; &#125; Browsers have default paddings and margins for different elements in your html. The css above removes these defaults from all elements by <a
href='http://www.elanman.co.uk/2008/10/css-reset/'>[...]</a>]]></description> <wfw:commentRss>http://www.elanman.co.uk/2008/10/css-reset/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> </channel> </rss>
