<?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>Codegrad &#187; CSS layout</title>
	<atom:link href="http://codegrad.hub.ph/tag/css-layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://codegrad.hub.ph</link>
	<description></description>
	<lastBuildDate>Sun, 01 Apr 2012 04:02:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Detecting mobile devices for your WordPress website</title>
		<link>http://codegrad.hub.ph/detecting-mobile-devices-for-your-wordpress-website/</link>
		<comments>http://codegrad.hub.ph/detecting-mobile-devices-for-your-wordpress-website/#comments</comments>
		<pubDate>Tue, 30 Aug 2011 07:53:39 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Designing for Mobile Devices]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[functions.php]]></category>
		<category><![CDATA[mobile phone]]></category>
		<category><![CDATA[tablet computer]]></category>

		<guid isPermaLink="false">http://codegrad.hub.ph/?p=1381</guid>
		<description><![CDATA[This PHP code will allow you to detect if your website is being accessed using a mobile device. If being accessed by a mobile device, your server can automatically present an alternative layout without changing the URL of your website.]]></description>
		<wfw:commentRss>http://codegrad.hub.ph/detecting-mobile-devices-for-your-wordpress-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Embedding image slideshow in your WordPress site</title>
		<link>http://codegrad.hub.ph/embedding-image-slideshow-in-your-wordpress-site/</link>
		<comments>http://codegrad.hub.ph/embedding-image-slideshow-in-your-wordpress-site/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 18:43:55 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[slide show]]></category>

		<guid isPermaLink="false">http://codegrad.hub.ph/?p=1031</guid>
		<description><![CDATA[Image slide show is a good eye candy for your website to highlight some things about your company. If your website is powered by WordPress, you can put a simple slide show using the WP-Cycle plugin.]]></description>
		<wfw:commentRss>http://codegrad.hub.ph/embedding-image-slideshow-in-your-wordpress-site/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Forcing the master block element of a centered fixed-width layout to vertically expand</title>
		<link>http://codegrad.hub.ph/forcing-the-wrap-division-of-a-centered-fixed-width-layout-to-vertically-expand/</link>
		<comments>http://codegrad.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]]></category>
		<category><![CDATA[cross browser compatibility]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codegrad.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://codegrad.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>Margin and padding of block elements</title>
		<link>http://codegrad.hub.ph/margin-and-padding-of-block-elements/</link>
		<comments>http://codegrad.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]]></category>
		<category><![CDATA[Hypertext Mark-up Language]]></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://codegrad.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://codegrad.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://codegrad.hub.ph/fixed-width-two-column-css-layout/</link>
		<comments>http://codegrad.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]]></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://codegrad.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://codegrad.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://codegrad.hub.ph/centering-a-fixed-width-webpage-using-absolute-position/</link>
		<comments>http://codegrad.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]]></category>
		<category><![CDATA[centering webpage]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codegrad.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://codegrad.hub.ph/centering-a-fixed-width-webpage-using-absolute-position/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Centering a fixed-width webpage using auto margin</title>
		<link>http://codegrad.hub.ph/centering-a-fixed-width-webpage-using-auto-margin/</link>
		<comments>http://codegrad.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]]></category>
		<category><![CDATA[centering webpage]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codegrad.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://codegrad.hub.ph/centering-a-fixed-width-webpage-using-auto-margin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designing a simple website layout using CSS</title>
		<link>http://codegrad.hub.ph/designing-a-simple-website-layout-using-css/</link>
		<comments>http://codegrad.hub.ph/designing-a-simple-website-layout-using-css/#comments</comments>
		<pubDate>Sat, 18 Oct 2008 01:27:04 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codegrad.hub.ph/?p=44</guid>
		<description><![CDATA[This article explains how to design a simple website with two columns (content and side menu), header and footer. The dimensions are fixed. Even though it is unlikely that anyone will develop a website with such a rigid layout, this article serves as a prerequisite to all website layout tutorials. ]]></description>
		<wfw:commentRss>http://codegrad.hub.ph/designing-a-simple-website-layout-using-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Why use CSS in layouting a website instead of tables</title>
		<link>http://codegrad.hub.ph/why-use-css-in-layouting-a-website-instead-of-tables/</link>
		<comments>http://codegrad.hub.ph/why-use-css-in-layouting-a-website-instead-of-tables/#comments</comments>
		<pubDate>Fri, 10 Oct 2008 23:33:54 +0000</pubDate>
		<dc:creator>Greten</dc:creator>
				<category><![CDATA[Cascading Stylesheet]]></category>
		<category><![CDATA[Search Engine Optimization]]></category>
		<category><![CDATA[CSS layout]]></category>
		<category><![CDATA[tableless web page layout]]></category>

		<guid isPermaLink="false">http://codegrad.hub.ph/?p=13</guid>
		<description><![CDATA[CSS layout is superior to table layout for two reasons: first, webpages with CSS layout have greater chance of reaching the top of search engine results than table layout and second, CSS layout enables the webpages across the same website to have consistent appearance and format without the need to edit the pages one by one.]]></description>
		<wfw:commentRss>http://codegrad.hub.ph/why-use-css-in-layouting-a-website-instead-of-tables/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

