<?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>Trilobita.co.uk &#187; css</title>
	<atom:link href="http://www.trilobita.co.uk/blog/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.trilobita.co.uk/blog</link>
	<description>:: Web Development Snippets</description>
	<lastBuildDate>Fri, 01 May 2009 10:54:51 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Really Easy Field Validation with JQuery</title>
		<link>http://www.trilobita.co.uk/blog/2009/04/16/really-easy-field-validation-with-jquery/</link>
		<comments>http://www.trilobita.co.uk/blog/2009/04/16/really-easy-field-validation-with-jquery/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 13:28:51 +0000</pubDate>
		<dc:creator>trilobita</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[field validation]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[form checking]]></category>
		<category><![CDATA[validation]]></category>

		<guid isPermaLink="false">http://www.trilobita.co.uk/blog/?p=49</guid>
		<description><![CDATA[Again JQuery has improved and simplified from the process outlined earlier in this blog
for form validation just add jquery.validate plugin and then in the code add:-

$(&#34;#commentForm&#34;).validate();

or more likely you&#8217;ll have a more complex form so you&#8217;ll need to specify a few attributes

var validator = $(&#34;#health&#34;).validate({
			rules: {
				radiofield: &#34;required&#34;,
				textfield: &#34;required&#34;,
				email: {required: true,email: true},
				name: &#34;required&#34;
  			},
			messages: {
				email: [...]]]></description>
		<wfw:commentRss>http://www.trilobita.co.uk/blog/2009/04/16/really-easy-field-validation-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rounded Corners with JQuery</title>
		<link>http://www.trilobita.co.uk/blog/2009/04/14/rounded-corners-with-jquery/</link>
		<comments>http://www.trilobita.co.uk/blog/2009/04/14/rounded-corners-with-jquery/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 13:20:43 +0000</pubDate>
		<dc:creator>trilobita</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[corners]]></category>
		<category><![CDATA[rounded]]></category>

		<guid isPermaLink="false">http://www.trilobita.co.uk/blog/?p=45</guid>
		<description><![CDATA[As with most things Jquery has simplified and improved the process.
For rounded corners just use the jquery plugin jquery.corner.js
and in your code:-

$('#id1, #id2 ul ').corner();

and that&#8217;s it!
Related Posts:rounded corners with css and javascriptReally Easy Field Validation with JQueryTrilobita Wordpress ThemeScroll bars, CSS and IE/FirefoxReally easy field validation]]></description>
		<wfw:commentRss>http://www.trilobita.co.uk/blog/2009/04/14/rounded-corners-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Trilobita Jello 3 column Wordpress theme</title>
		<link>http://www.trilobita.co.uk/blog/2007/09/10/trilobita-jello-3-column-wordpress-theme/</link>
		<comments>http://www.trilobita.co.uk/blog/2007/09/10/trilobita-jello-3-column-wordpress-theme/#comments</comments>
		<pubDate>Mon, 10 Sep 2007 14:16:24 +0000</pubDate>
		<dc:creator>trilobita</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.trilobita.co.uk/blog/2007/09/10/trilobita-jello-3-column-wordpress-theme/</guid>
		<description><![CDATA[SUPERSEEDED, PLEASE SEE Trilobita Wordpress Theme
Here&#8217;s a theme for Wordpress. It is based on the Jello layout technique. This means that you get a fluid layout, but one that has a minimum and maximum width set. Yep your site will not go below a certain width or expand beyond your max width. Try it, the [...]]]></description>
		<wfw:commentRss>http://www.trilobita.co.uk/blog/2007/09/10/trilobita-jello-3-column-wordpress-theme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Scroll bars, CSS and IE/Firefox</title>
		<link>http://www.trilobita.co.uk/blog/2007/08/15/scroll-bars-css-and-iefirefox/</link>
		<comments>http://www.trilobita.co.uk/blog/2007/08/15/scroll-bars-css-and-iefirefox/#comments</comments>
		<pubDate>Wed, 15 Aug 2007 12:01:46 +0000</pubDate>
		<dc:creator>trilobita</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.trilobita.co.uk/blog/2007/08/15/scroll-bars-css-and-iefirefox/</guid>
		<description><![CDATA[In IE the scroll bar gets placed inside the element that requires the scroll. In firefox the scrollbar is placed outside said element. Bizarrely it seems that IE is the compliant browser on this issue. Anyway to fix the problem of your scroll bars covering your content you can add the following conditional css to [...]]]></description>
		<wfw:commentRss>http://www.trilobita.co.uk/blog/2007/08/15/scroll-bars-css-and-iefirefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Really easy field validation</title>
		<link>http://www.trilobita.co.uk/blog/2007/04/14/really-easy-field-validation/</link>
		<comments>http://www.trilobita.co.uk/blog/2007/04/14/really-easy-field-validation/#comments</comments>
		<pubDate>Sat, 14 Apr 2007 10:53:38 +0000</pubDate>
		<dc:creator>trilobita</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[form checking]]></category>
		<category><![CDATA[validation]]></category>

		<guid isPermaLink="false">http://trilobita.localhost/wordpress/?p=7</guid>
		<description><![CDATA[SUPERSEEDED PLEASE SEE &#8216;Really Easy Field Validation with JQuery&#8216;
from http://tetlaw.id.au/view/javascript/really-easy-field-validation
Include the scripts

&#60;script src=&#34;prototype.js&#34; type=&#34;text/javascript&#34;&#62;&#60;!--mce:0--&#62;&#60;/script&#62;
&#160;
&#60;script src=&#34;validation.js&#34; type=&#34;text/javascript&#34;&#62;&#60;!--mce:1--&#62;&#60;/script&#62;

use the class attribute to specify the type of validation

&#60;input id=&#34;field1&#34; class=&#34;required validate-number&#34; name=&#34;field1&#34; /&#62;

You then activate validation by passing the form or form&#8217;s id attribute like this:

&#60;script type=&#34;text/javascript&#34;&#62;&#60;!--mce:2--&#62;&#60;/script&#62;

options for the class attribute are listed below

required (not blank)
validate-number (a valid [...]]]></description>
		<wfw:commentRss>http://www.trilobita.co.uk/blog/2007/04/14/really-easy-field-validation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>rounded corners with css and javascript</title>
		<link>http://www.trilobita.co.uk/blog/2007/02/15/rounded-corners-with-css-and-javascript/</link>
		<comments>http://www.trilobita.co.uk/blog/2007/02/15/rounded-corners-with-css-and-javascript/#comments</comments>
		<pubDate>Thu, 15 Feb 2007 10:48:40 +0000</pubDate>
		<dc:creator>trilobita</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[corners]]></category>

		<guid isPermaLink="false">http://trilobita.localhost/wordpress/?p=6</guid>
		<description><![CDATA[SUPERSEEDED, PLEASE SEE Rounded Corners with Jquery
original at http://www.ruzee.com/blog/ruzeeborders.
Source files at http://www.ruzee.com/files/ruzeeborders-0.16.1.zip
Steps
1. include the following scripts on your page

&#60;script src=&#34;cssquery2-p.js&#34; type=&#34;text/javascript&#34;&#62;&#60;!--mce:0--&#62;&#60;/script&#62;
&#60;script src=&#34;ruzeeborders.js&#34; type=&#34;text/javascript&#34;&#62;&#60;!--mce:1--&#62;&#60;/script&#62;

2.include the following javascript on your page in the &#60;head&#62;&#60;/head&#62; section

RUZEE.Borders.add&#40;&#123;
&#160;
&#34;div#divid,div#anotherdivid, blockquote, #left ul, p#contact&#34; : &#123;
&#160;
borderType:&#34;simple&#34;,
&#160;
cornerRadius:8,
&#160;
shadowWidth:0
&#160;
&#125;
&#160;
&#125;&#41;;
&#160;
window.onload=function&#40;&#41;&#123;
&#160;
RUZEE.Borders.render&#40;&#41;;
&#160;
&#125;;

be sure to replace &#8220;div#divid,div#anotherdivid, blockquote, #left ul, p#contact&#8221; with the element id or tags that you [...]]]></description>
		<wfw:commentRss>http://www.trilobita.co.uk/blog/2007/02/15/rounded-corners-with-css-and-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
