<?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>Codeleet &#187; Cascading Stylesheet (CSS)</title>
	<atom:link href="http://codeleet.hub.ph/category/a-fundamentals-of-web-development/b-cascading-stylesheet-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://codeleet.hub.ph</link>
	<description></description>
	<lastBuildDate>Tue, 27 Jul 2010 19:12:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Putting external link icon in WordPress</title>
		<link>http://codeleet.hub.ph/marking-external-links-icon-wordpress/</link>
		<comments>http://codeleet.hub.ph/marking-external-links-icon-wordpress/#comments</comments>
		<pubDate>Sat, 30 Jan 2010 19:00:28 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet (CSS)]]></category>
		<category><![CDATA[WordPress tweaks]]></category>
		<category><![CDATA[external link]]></category>
		<category><![CDATA[external link icon]]></category>
		<category><![CDATA[functions.php]]></category>

		<guid isPermaLink="false">http://codeleet.hub.ph/?p=1051</guid>
		<description><![CDATA[Allow your website visitors to determine whether a link is internal or external by modifying your WordPress theme so that it automatically inserts a small graphic to any external link in your website's content.]]></description>
		<wfw:commentRss>http://codeleet.hub.ph/marking-external-links-icon-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using customized mouse pointer on your webpage</title>
		<link>http://codeleet.hub.ph/using-customized-mouse-cursor-on-your-webpage/</link>
		<comments>http://codeleet.hub.ph/using-customized-mouse-cursor-on-your-webpage/#comments</comments>
		<pubDate>Sun, 25 Oct 2009 17:18:30 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet (CSS)]]></category>
		<category><![CDATA[external CSS file]]></category>
		<category><![CDATA[HTML attributes]]></category>
		<category><![CDATA[mouse pointer]]></category>

		<guid isPermaLink="false">http://codeleet.hub.ph/?p=713</guid>
		<description><![CDATA[Tired of seeing the same bunch of mouse pointers in every website? Why not try creating your own?]]></description>
		<wfw:commentRss>http://codeleet.hub.ph/using-customized-mouse-cursor-on-your-webpage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Forcing the master block element of a centered fixed-width layout to vertically expand</title>
		<link>http://codeleet.hub.ph/forcing-the-wrap-division-of-a-centered-fixed-width-layout-to-vertically-expand/</link>
		<comments>http://codeleet.hub.ph/forcing-the-wrap-division-of-a-centered-fixed-width-layout-to-vertically-expand/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 13:53:25 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet (CSS)]]></category>
		<category><![CDATA[For further study]]></category>

		<guid isPermaLink="false">http://codeleet.hub.ph/?p=690</guid>
		<description><![CDATA[When creating a fixed width layout using auto margin, the master block element that contains all the other block element tends to shrink its height to zero as viewed in Firefox, Safari and Chrome, but not in Internet Explorer. A single line of code can force the master block element to expand like how it appears on non-centered fixed layout.]]></description>
		<wfw:commentRss>http://codeleet.hub.ph/forcing-the-wrap-division-of-a-centered-fixed-width-layout-to-vertically-expand/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Styling mouse pointer using CSS</title>
		<link>http://codeleet.hub.ph/changing-mouse-cursor-css/</link>
		<comments>http://codeleet.hub.ph/changing-mouse-cursor-css/#comments</comments>
		<pubDate>Wed, 29 Apr 2009 20:50:50 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet (CSS)]]></category>
		<category><![CDATA[block elements]]></category>
		<category><![CDATA[cross browser compatibility]]></category>
		<category><![CDATA[link hover]]></category>
		<category><![CDATA[mouse pointer]]></category>

		<guid isPermaLink="false">http://codeleet.hub.ph/?p=290</guid>
		<description><![CDATA[Aside from the default setting with hand on links, I-shaped bar on texts and arrow in everything else, you can control what mouse pointer appears to specific part of a webpage using CSS.]]></description>
		<wfw:commentRss>http://codeleet.hub.ph/changing-mouse-cursor-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Margin and padding of block elements</title>
		<link>http://codeleet.hub.ph/margin-and-padding-of-block-elements/</link>
		<comments>http://codeleet.hub.ph/margin-and-padding-of-block-elements/#comments</comments>
		<pubDate>Sat, 27 Dec 2008 00:45:52 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet (CSS)]]></category>
		<category><![CDATA[Hypertext Mark-up Language (HTML)]]></category>
		<category><![CDATA[block elements]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[margin]]></category>
		<category><![CDATA[padding]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codeleet.hub.ph/?p=27</guid>
		<description><![CDATA[Margin and padding are two important attributes that are useful in providing appropriate spacing between HTML elements. In particular, they are useful in rendering proper spacing among block elements in a pure CSS layout. The difference between margin and padding and how they render to block elements will be discussed in this article.]]></description>
		<wfw:commentRss>http://codeleet.hub.ph/margin-and-padding-of-block-elements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fixed-width two-column CSS layout</title>
		<link>http://codeleet.hub.ph/fixed-width-two-column-css-layout/</link>
		<comments>http://codeleet.hub.ph/fixed-width-two-column-css-layout/#comments</comments>
		<pubDate>Sat, 06 Dec 2008 01:22:51 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet (CSS)]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[fixed width webpage]]></category>
		<category><![CDATA[tableless web page layout]]></category>
		<category><![CDATA[two column website]]></category>

		<guid isPermaLink="false">http://codeleet.hub.ph/?p=40</guid>
		<description><![CDATA[Design a simple website with two columns (content and side menu), a header and a footer. The width is fixed but it can expand downward to accommodate more content.]]></description>
		<wfw:commentRss>http://codeleet.hub.ph/fixed-width-two-column-css-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Centering a fixed-width webpage using absolute position</title>
		<link>http://codeleet.hub.ph/centering-a-fixed-width-webpage-using-absolute-position/</link>
		<comments>http://codeleet.hub.ph/centering-a-fixed-width-webpage-using-absolute-position/#comments</comments>
		<pubDate>Mon, 01 Dec 2008 01:36:44 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet (CSS)]]></category>
		<category><![CDATA[centering webpage]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codeleet.hub.ph/?p=56</guid>
		<description><![CDATA[A method of centering a fixed-width webpage that uses absolute position attribute to determine the exact coordinates of the outermost block element. You can center a webpage horizontally, vertically or both.]]></description>
		<wfw:commentRss>http://codeleet.hub.ph/centering-a-fixed-width-webpage-using-absolute-position/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Image Flip with text anchor link</title>
		<link>http://codeleet.hub.ph/css-image-flip-with-text-anchor-link/</link>
		<comments>http://codeleet.hub.ph/css-image-flip-with-text-anchor-link/#comments</comments>
		<pubDate>Thu, 27 Nov 2008 01:31:26 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet (CSS)]]></category>
		<category><![CDATA[anchor text]]></category>
		<category><![CDATA[image flip]]></category>
		<category><![CDATA[link hover]]></category>

		<guid isPermaLink="false">http://codeleet.hub.ph/?p=48</guid>
		<description><![CDATA[One advantage of CSS Image Flip compare to Java Image Flip is the capability of the former to accept text-based links. This image flip uses CSS and allows you to use text-based link instead of an image link found in other methods of image flip.]]></description>
		<wfw:commentRss>http://codeleet.hub.ph/css-image-flip-with-text-anchor-link/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Image Flip</title>
		<link>http://codeleet.hub.ph/css-image-flip/</link>
		<comments>http://codeleet.hub.ph/css-image-flip/#comments</comments>
		<pubDate>Thu, 20 Nov 2008 01:28:28 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet (CSS)]]></category>
		<category><![CDATA[image flip]]></category>
		<category><![CDATA[link hover]]></category>

		<guid isPermaLink="false">http://codeleet.hub.ph/?p=46</guid>
		<description><![CDATA[An alternative to Java Image Flip. This image flip uses CSS instead of Javascript to replicate exactly the same effect. Some people block Javascript in their browsers because some malicious websites use them to infect computers with malwares. Hence, I develop an image flip that works even if the Javascript is disabled.]]></description>
		<wfw:commentRss>http://codeleet.hub.ph/css-image-flip/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Centering a fixed-width webpage using auto margin</title>
		<link>http://codeleet.hub.ph/centering-a-fixed-width-webpage-using-auto-margin/</link>
		<comments>http://codeleet.hub.ph/centering-a-fixed-width-webpage-using-auto-margin/#comments</comments>
		<pubDate>Fri, 07 Nov 2008 01:35:44 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet (CSS)]]></category>
		<category><![CDATA[centering webpage]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codeleet.hub.ph/?p=54</guid>
		<description><![CDATA[One way of centering all the elements of a webpage in a fix-width layout is by setting the margin of the outermost block element to some value and auto. Without this configuration, the default setting for most browsers is to flush all elements to the left. Note that there is no such thing as float:center; and the text-align:center; does not work in divisions.]]></description>
		<wfw:commentRss>http://codeleet.hub.ph/centering-a-fixed-width-webpage-using-auto-margin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
