<?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>StepByStepASP.NET &#187; css</title>
	<atom:link href="http://stepbystepasp.net/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://stepbystepasp.net</link>
	<description></description>
	<lastBuildDate>Tue, 03 Feb 2009 11:48:55 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>7) Master Page Contd. Adding More ASP.NET Pages [F]</title>
		<link>http://stepbystepasp.net/7-master-page-contd-adding-more-aspnet-pages-f/</link>
		<comments>http://stepbystepasp.net/7-master-page-contd-adding-more-aspnet-pages-f/#comments</comments>
		<pubDate>Wed, 10 Dec 2008 22:04:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ASP.NET Tutorials]]></category>
		<category><![CDATA[Free Video Tutorials]]></category>
		<category><![CDATA[contentplaceholder]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[mastepage]]></category>

		<guid isPermaLink="false">http://stepbystepasp.net/?p=140</guid>
		<description><![CDATA[<script type="text/javascript" src="http://stepbystepasp.net/wp-includes/js/jquery/jquery.js"></script><script type="text/javascript" src="http://stepbystepasp.net/wp-content/plugins/pb-embedflash/js/sbadapter/shadowbox-jquery.js"></script><script type="text/javascript" src="http://stepbystepasp.net/wp-content/plugins/pb-embedflash/js/shadowbox.js"></script><script type="text/javascript"><!--
window.onload = function() {var options ={assetURL:'',loadingImage:'http://stepbystepasp.net/wp-content/plugins/pb-embedflash/css/images/loading.gif',flvPlayer:'http://stepbystepasp.net/wp-content/plugins/pb-embedflash/swf/mediaplayer.swf',animate:true,animSequence:'wh',overlayColor:'#000',overlayOpacity:0.85,overlayBgImage:'http://stepbystepasp.net/wp-content/plugins/pb-embedflash/css/images/overlay-85.png',listenOverlay:true,autoplayMovies:true,showMovieControls:true,resizeDuration:0.35,fadeDuration:0.35,displayNav:true,continuous:false,displayCounter:true,counterType:'default',viewportPadding:20,handleLgImages:'resize',initialHeight:160,initialWidth:320,enableKeys:true,keysClose:['c', 'q', 27],keysPrev:['p', 37],keysNext:['n', 39],handleUnsupported:'',text: {cancel:'Cancel',loading: 'loading',close:'<span class="shortcut">C</span>lose',next:'<span class="shortcut">N</span>ext',prev:'<span class="shortcut">P</span>revious',errors:{single: 'You must install the <a href="{0}">{1}</a> browser plugin to view this content.',shared: 'You must install both the <a href="{0}">{1}</a> and <a href="{2}">{3}</a> browser plugins to view this content.',either: 'You must install either the <a href="{0}">{1}</a> or the <a href="{2}">{3}</a> browser plugin to view this content.'}}};Shadowbox.init(options);}
--></script>In this video i continue from the last video (6), I showed you where the CSS codes were placed on the page. On the Dafault.aspx page that inherited from the master page, you will not be able to add content to the page until you have added a contentplaceholder to the master page.
(Please open the [...]]]></description>
			<content:encoded><![CDATA[<p>In this video i continue from the last video (6), I showed you where the CSS codes were placed on the page. On the Dafault.aspx page that inherited from the master page, you will not be able to add content to the page until you have added a contentplaceholder to the master page.</p>
<p><small>(Please open the article to see the flash file or player.)</small></p>
<p>When you add a table to your page, the alignment of the text within the cell is automatically set to middle. If you dont know how to fix this it can drive you mad. On the properties window you need to look for the Style option, select it and when the style option windows pops up, you want to look for where it says Block, and select the Vertical Align and set to Top. This way your content will be aligned to the top of the cell and not the middle.</p>
<p>Drag contentplaceholder to the area where you want the content for other pages to go, once you add this control you can then modify the content on each page as you want, while all of them have the same look and feel as the master page. Same look different content.</p>
<p>I added two more pages to inherit from the master page, and they all had different custom content. Please watch the video and leave nice comments <img src='http://stepbystepasp.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fstepbystepasp.net%2F7-master-page-contd-adding-more-aspnet-pages-f%2F&amp;linkname=7%29%20Master%20Page%20Contd.%20Adding%20More%20ASP.NET%20Pages%20%5BF%5D"><img src="http://stepbystepasp.net/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://stepbystepasp.net/7-master-page-contd-adding-more-aspnet-pages-f/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>6) Introduction to ASP.NET Master Page Feature [F]</title>
		<link>http://stepbystepasp.net/6-introduction-to-aspnet-master-page-feature-f/</link>
		<comments>http://stepbystepasp.net/6-introduction-to-aspnet-master-page-feature-f/#comments</comments>
		<pubDate>Wed, 10 Dec 2008 21:42:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ASP.NET Tutorials]]></category>
		<category><![CDATA[Free Video Tutorials]]></category>
		<category><![CDATA[contentplaceholder]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[masterpage]]></category>

		<guid isPermaLink="false">http://stepbystepasp.net/?p=137</guid>
		<description><![CDATA[Master Page Introduction This is where the fun begins. Master page is a very important concept because Master Page allow your website pages to have the same look and feel. When you create a Master Page, you can inherit from this page so that all other pages pages inherits from it have the same look [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Master Page Introduction</strong> This is where the fun begins. Master page is a very important concept because Master Page allow your website pages to have the same look and feel. When you create a Master Page, you can inherit from this page so that all other pages pages inherits from it have the same look as the master page.</p>
<p><small>(Please open the article to see the flash file or player.)</small></p>
<p><strong>To add a master page</strong>, add a new item, and select Master Page from the choices. Once the master page is added, go to the source code and you see a contentplaceholder within the master page. The function of this contentplaceholder is that when you create pages that inherits from the master page, the contentplace holder will provide a custom content for this pages. Any other area apart from the contentplaceholder you will not be able to modify it <img src='http://stepbystepasp.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  (watch video to understand).</p>
<p>In order to create a master page i deleted the contentplaceholder that was added by default, then i added a 3&#215;3 table. This table will be used to create a layout for the master page. The layout was structured with header section, content section, footer section, and navigation section.</p>
<p>Follow what i did to create a clean layout if you are not proficient in CSS, but if you know CSS you will shine <img src='http://stepbystepasp.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> . I added a new page that inherited from the master page and showed you how to add the custom content provider, which is the contentplaceholder.</p>
<p>I also showed you how to modify the CSS of the master page from the properties windows. This will add the CSS properties inside the header area. If you are very good in CSS you can create your styles on a separate file and add the file to the application as an existing item or simply drag and drop it inside your page.</p>
<p>I then add another page to demonstrate that they all have same look and feel. Watch the videos and leave comments. Thanks.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fstepbystepasp.net%2F6-introduction-to-aspnet-master-page-feature-f%2F&amp;linkname=6%29%20Introduction%20to%20ASP.NET%20Master%20Page%20Feature%20%5BF%5D"><img src="http://stepbystepasp.net/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://stepbystepasp.net/6-introduction-to-aspnet-master-page-feature-f/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
