<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr</title>
<link>http://snipplr.com/language/css/tags/javascript</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Thu, 20 Jun 2013 01:20:03 GMT</pubDate>
<item>
<title>(CSS) CSS: Submit Button Background Images - karlhorky</title>
<link>http://snipplr.com/view/37068/css-submit-button-background-images/</link>
<description><![CDATA[ <p>There are three different types of elements that submit forms:

*  &amp;lt;input type="image"&amp;gt;
*  &amp;lt;input type="submit"&amp;gt;
*  &amp;lt;button type="submit"&amp;gt;

Logically, it would seem that you would want to use input type="image" if you wanted to display an image instead of a default button. However, using input type="image" causes the page to submit two extra variables for your x and y mouse click coordinates on the image as below. Unless you are specifically using this for advertising or some purpose that takes advantage of the coordinates, this is just unnecessary data that also causes the URL to become more complex.

Example URLs:

*  type="submit"
  *  http://www.site.com/form.php?query=searchterm
*  type="image"
  *  http://www.site.com/form.php?query=searchterm&amp;x=0&amp;y=0

Additionally, if you do not require additional information pertaining to the submit to be passed to the server (eg. you do not need to have two submits with different purposes), you can use a button element instead of an input. This also allows for simple hiding of the display text as outlined with the .hide-text class in this snippet (for if you wanted to put the text in the image instead).

This solution has been tested to work in:

*  Microsoft Internet Explorer 6, 7, 8
*  Mozilla Firefox 3.6
*  Google Chrome 5
*  Apple Safari 5
*  Opera 10</p> ]]></description>
<pubDate>Sat, 10 Jul 2010 08:45:15 GMT</pubDate>
<guid>http://snipplr.com/view/37068/css-submit-button-background-images/</guid>
</item>
<item>
<title>(CSS) IE6 `max-width` Hack - samuelcotterall</title>
<link>http://snipplr.com/view/20212/ie6-maxwidth-hack/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 24 Sep 2009 10:19:21 GMT</pubDate>
<guid>http://snipplr.com/view/20212/ie6-maxwidth-hack/</guid>
</item>
<item>
<title>(CSS) Force server to load latest CSS file - jadedbat</title>
<link>http://snipplr.com/view/12919/force-server-to-load-latest-css-file/</link>
<description><![CDATA[ <p>This is sometimes not the best solution to a server caching your css files.  But if you want to force a stubborn server to serve the most recent css file to the browser this seems to work.  Could slow things down a touch, but for small css files not really noticeable. 

Just change the var css to match the path to your css file, and then offer a non jscript version pointing to the same file.

Essentially by adding the query to the end of the css file the server thinks it needs to load it.  I used date and getTime to create a number combo and tagged it to the end.

Use: put the following code into your  right where your normal  tag would go to point to your css file.</p> ]]></description>
<pubDate>Mon, 09 Mar 2009 02:30:12 GMT</pubDate>
<guid>http://snipplr.com/view/12919/force-server-to-load-latest-css-file/</guid>
</item>
<item>
<title>(CSS) Sons of Suckerfish Menu in Drupal 6 - wrburgess</title>
<link>http://snipplr.com/view/11932/sons-of-suckerfish-menu-in-drupal-6/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 06 Feb 2009 22:35:30 GMT</pubDate>
<guid>http://snipplr.com/view/11932/sons-of-suckerfish-menu-in-drupal-6/</guid>
</item>
<item>
<title>(CSS) CSS Rounded Corners In Internet Explorer, Firefox &amp;amp; Safari Using Border Radius - neal_grosskopf</title>
<link>http://snipplr.com/view/11185/css-rounded-corners-in-internet-explorer-firefox--safari-using-border-radius/</link>
<description><![CDATA[ <p>Find out how to do rounded corners in CSS. A new method has recently come out that makes it extremely easy to implement.</p> ]]></description>
<pubDate>Wed, 14 Jan 2009 19:59:07 GMT</pubDate>
<guid>http://snipplr.com/view/11185/css-rounded-corners-in-internet-explorer-firefox--safari-using-border-radius/</guid>
</item>
<item>
<title>(CSS) mochikit inline edit - vasilije</title>
<link>http://snipplr.com/view/9031/mochikit-inline-edit/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 15 Oct 2008 10:44:48 GMT</pubDate>
<guid>http://snipplr.com/view/9031/mochikit-inline-edit/</guid>
</item>
<item>
<title>(CSS) Internet Explorer (IE6) CSS Hover - jonhenshaw</title>
<link>http://snipplr.com/view/1912/internet-explorer-ie6-css-hover/</link>
<description><![CDATA[ <p>IE6 and before doesn't support :hover in CSS (except for anchors). You can use this script to make hovers work in IE. Just add the following line to your stylesheet (this assumes the path of the file -- you may need to change it to reflect your paths).

body { behavior:url(&amp;quot;csshover.htc&amp;quot;); }</p> ]]></description>
<pubDate>Mon, 01 Jan 2007 20:17:07 GMT</pubDate>
<guid>http://snipplr.com/view/1912/internet-explorer-ie6-css-hover/</guid>
</item>
<item>
<title>(CSS) Center HTML content horizontally using CSS - alexwilliams</title>
<link>http://snipplr.com/view/1907/center-html-content-horizontally-using-css/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 01 Jan 2007 11:07:42 GMT</pubDate>
<guid>http://snipplr.com/view/1907/center-html-content-horizontally-using-css/</guid>
</item>
</channel>
</rss>