<?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>DoMedia &#187; CSS</title>
	<atom:link href="http://www.domedia.org/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.domedia.org</link>
	<description>web design tricks</description>
	<lastBuildDate>Sun, 21 Feb 2010 00:27:27 +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>CSS Transparency</title>
		<link>http://www.domedia.org/hello-world/</link>
		<comments>http://www.domedia.org/hello-world/#comments</comments>
		<pubDate>Wed, 29 Oct 2008 23:52:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[rgba]]></category>

		<guid isPermaLink="false">http://www.domedia.org/?p=1</guid>
		<description><![CDATA[Update: the use of RGBa in CSS
10.29.08
A working solution for transparency in web standards browser
I read this today on one of Andy Clarkes websites, he heard it at a conference talk by Cederholm.
Here&#8217;s the CSS syntax:

p {color: rgba(255, 255, 255, 0.5);}

The RGBa let&#8217;s you set the RGB values for Red, Green and Blue, like in [...]]]></description>
		<wfw:commentRss>http://www.domedia.org/hello-world/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Image Replacement</title>
		<link>http://www.domedia.org/css-image-replacement/</link>
		<comments>http://www.domedia.org/css-image-replacement/#comments</comments>
		<pubDate>Sun, 01 Jun 2008 02:30:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.domedia.org/?p=8</guid>
		<description><![CDATA[For people that care (and we should care), keeping the semantic integrity of your HTML document, while being able to create great design using images, has always been an important part of web design and development.
An increasingly popular technique is an Image Replacement techniques with CSS. This makes sure text browsers and Search Engines can [...]]]></description>
		<wfw:commentRss>http://www.domedia.org/css-image-replacement/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Vertical Align</title>
		<link>http://www.domedia.org/css-vertical-align/</link>
		<comments>http://www.domedia.org/css-vertical-align/#comments</comments>
		<pubDate>Thu, 05 Jan 2006 01:16:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[vertical]]></category>

		<guid isPermaLink="false">http://www.domedia.org/?p=61</guid>
		<description><![CDATA[The vertical-align CSS property is one of the most misunderstood things in CSS. Particularly from those that come from a table design background. Here's how it really works.]]></description>
		<wfw:commentRss>http://www.domedia.org/css-vertical-align/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Shorthand</title>
		<link>http://www.domedia.org/css-shorthand/</link>
		<comments>http://www.domedia.org/css-shorthand/#comments</comments>
		<pubDate>Sat, 01 Jan 2005 02:37:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.domedia.org/?p=13</guid>
		<description><![CDATA[
Introduction to CSS shorthand properties
Last Revision October, 2007.
Originally published by Sitepoint 2002-12-11

Shorthand properties?

Table of Contents:
Introduction to CSS shorthand properties

font
margin/padding
border
border-top, border-right,
border-bottom, border-left
list-style
background


Note:
Since the original version of this article was first released by Sitepoint in 2002, much has happened in the browser world.
Support for CSS2 shorthand properties among current browsers is superior. It almost renders the support [...]]]></description>
		<wfw:commentRss>http://www.domedia.org/css-shorthand/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS background for textarea</title>
		<link>http://www.domedia.org/css-background-for-textarea/</link>
		<comments>http://www.domedia.org/css-background-for-textarea/#comments</comments>
		<pubDate>Sat, 01 Jan 2005 01:14:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.domedia.org/?p=55</guid>
		<description><![CDATA[There are many ways of customizing your form elements. One thing to keep in mind is that web users are used to the form elements that their browsers gives them by default, so for usability reasons, I recommend leaving the form elements alone in their default state.
You can apply a background-color or background-image to any [...]]]></description>
		<wfw:commentRss>http://www.domedia.org/css-background-for-textarea/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sizing of form elements with CSS</title>
		<link>http://www.domedia.org/sizing-of-form-elements-with-css/</link>
		<comments>http://www.domedia.org/sizing-of-form-elements-with-css/#comments</comments>
		<pubDate>Sat, 01 Jan 2005 01:14:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.domedia.org/?p=53</guid>
		<description><![CDATA[Sizing of form elements should be fairly supported by now. All it takes for width is to include a width property with CSS.
Example:











CSS:

&#60;style&#62;
&#60;!--
.two {width: 200px; }
--&#62;
&#60;/style&#62;

HTML:

&#60;form action=""&#62;
&#60;input class="two" type="text" value="button text here" /&#62;
&#60;/form&#62;

]]></description>
		<wfw:commentRss>http://www.domedia.org/sizing-of-form-elements-with-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mouseover images with CSS</title>
		<link>http://www.domedia.org/mouseover-images-with-css/</link>
		<comments>http://www.domedia.org/mouseover-images-with-css/#comments</comments>
		<pubDate>Sat, 01 Jan 2005 01:11:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[image]]></category>

		<guid isPermaLink="false">http://www.domedia.org/?p=48</guid>
		<description><![CDATA[


This is a method to create mouseover effects in CSS for background images with HTML text on top. I have yet to see a solution like this that does not create a flicker in IE6, because the browser will not cache background images. 
This solution is almost fully taken from a Sitepoint thread.
I changed the [...]]]></description>
		<wfw:commentRss>http://www.domedia.org/mouseover-images-with-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Remove page margins with CSS</title>
		<link>http://www.domedia.org/remove-page-margins-with-css/</link>
		<comments>http://www.domedia.org/remove-page-margins-with-css/#comments</comments>
		<pubDate>Sat, 01 Jan 2005 01:10:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.domedia.org/?p=45</guid>
		<description><![CDATA[Margins used to be removed from pages by using Netscapes and Internet Explorers proprietary attributes to the body tag; marginwidth, leftmargin, marginheight and topmargin. I think I&#8217;ve seen this set of attributes called the Four Knights of Browser incompatibility (Eric Meyer?).
Nowadays, browser support for CSS is improved, so we let CSS handle this the web [...]]]></description>
		<wfw:commentRss>http://www.domedia.org/remove-page-margins-with-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Photo Gallery</title>
		<link>http://www.domedia.org/css-photo-gallery/</link>
		<comments>http://www.domedia.org/css-photo-gallery/#comments</comments>
		<pubDate>Sat, 01 Jan 2005 01:09:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[image]]></category>

		<guid isPermaLink="false">http://www.domedia.org/?p=43</guid>
		<description><![CDATA[


This is an example on how you can display thumbnails as part of a photo gallery nicely with the help of CSS.
You can easily use these thumbnails in combination with making them links too. 
Example:



Photo description goes here



Photo description goes here



Photo description goes here



Photo description goes here



Photo description goes here



Photo description goes here


CSS:

div.thumb {
margin: 3px;
border: [...]]]></description>
		<wfw:commentRss>http://www.domedia.org/css-photo-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Link Styles</title>
		<link>http://www.domedia.org/css-link-styles/</link>
		<comments>http://www.domedia.org/css-link-styles/#comments</comments>
		<pubDate>Sat, 01 Jan 2005 01:09:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.domedia.org/?p=40</guid>
		<description><![CDATA[


In the old days, link colors where specified as attributes in the body tag like &#60;body link=&#8221;#000000&#8243; vlink=&#8221;#333333&#8243; alink=&#8221;#666666&#8243;&#62;
Nowadays we do this with CSS of course. Separating style (CSS) from structure (HTML). This is not only smarter in ways of separating those layers, but CSS gives us more control as well.
With CSS we can specify [...]]]></description>
		<wfw:commentRss>http://www.domedia.org/css-link-styles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
