<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-775098061889857826</atom:id><lastBuildDate>Tue, 14 Feb 2012 23:01:58 +0000</lastBuildDate><category>criminal</category><category>bad comment hide other</category><category>Working slow</category><category>suggestion</category><category>father dad hesitate</category><category>beautiful body</category><category>Get things out of hand slowly</category><category>role in life</category><category>bill</category><category>jealousy</category><category>Disagree colleagues</category><category>Lucky person well wisher</category><category>competition</category><category>eid</category><category>snap</category><category>adjustment</category><category>enemy news</category><category>morning sick</category><category>bad manner</category><category>Cricket craze in Bangladesh</category><category>cox's bazaar</category><category>cosmetics</category><category>expectation</category><category>bus</category><category>workplace</category><category>of mood</category><category>work</category><category>forgive</category><category>auto rickshaw</category><category>Allergy problem</category><category>ad campaign</category><category>colleague</category><category>norwegian food</category><category>pregnant</category><category>java</category><category>textile</category><category>badda</category><category>impressed birthday</category><category>new country</category><category>convinced logic</category><category>memory</category><category>accident</category><category>Corporate hiding</category><category>faith</category><category>save money</category><category>luck</category><category>Loose weight interesting</category><category>stay tension free</category><category>angry</category><category>Relaying</category><category>ice</category><category>me and on my lap Tameem. Sharmin (our elder sis) standing behind</category><category>cold</category><category>welcome</category><category>Accuse</category><category>trouble</category><category>Teasing</category><category>Planning and Implementation</category><category>dislike</category><category>pollution</category><category>pain</category><category>Belgium’s glass</category><category>follow word</category><category>invitation</category><category>sick</category><category>practice skill</category><category>rain work road transport</category><category>hijack</category><category>love</category><category>challenge</category><category>Hesitation</category><category>client</category><category>border cross by road</category><category>enemy problem old</category><category>no time</category><category>Mentally prepared</category><category>Judge people</category><category>song</category><category>importance mind</category><category>solutions</category><category>when people do bad for me</category><category>Sonia</category><category>Interview</category><category>lunch food</category><category>office politics</category><category>sleep</category><category>programmer</category><category>my opinion</category><category>Soul mate</category><category>beggar tasbeeh</category><category>escape wish</category><category>wrong situation</category><category>picture taking</category><category>company competitors</category><category>Money saving</category><category>human infectetion</category><category>gulshan</category><category>work value</category><category>ring</category><category>focus</category><category>middle way behavior</category><category>weight loss ulcer</category><category>plant</category><category>work routine</category><category>air</category><category>spring day</category><category>need now</category><category>india puja money problem</category><category>novell</category><category>priority company yourself</category><category>fashion</category><category>fighting</category><category>child brain mother</category><category>difficult road</category><category>urban culture</category><category>help friend</category><category>desperate</category><category>commitment</category><category>against me my surroundings bad manner</category><category>career</category><category>sundarban</category><category>Invisible</category><category>bad comment</category><category>writing</category><category>going with the flow</category><category>accept</category><category>Absent mind</category><category>happay birthday husband</category><category>complain</category><category>Being alone</category><category>calm storm</category><category>service business payment bill Bangladesh</category><category>Daily nutrition food</category><category>gift</category><category>selfish</category><category>drainage system dhaka bangladesh</category><category>download image</category><category>introvert</category><category>smile</category><category>maintenance computer</category><category>mistake pleasure</category><category>sick work place</category><category>misunderstand</category><category>Benchmark lending</category><category>return gift</category><category>friend</category><category>astrology positive thinking</category><category>Marathon Marriage Ceremony</category><category>no revenge</category><category>doctor sick</category><category>marriege</category><category>look</category><category>cold weather</category><category>hortal</category><category>role</category><category>safe url</category><category>work load</category><category>shahana</category><category>my country bangladesh better place</category><category>Listening to the rumor</category><category>game learn fail</category><category>buffet</category><category>raods in bangladesh</category><category>uneasy</category><category>child abortion poor mom</category><category>brides live husband’s family</category><category>headache</category><category>lost future</category><category>run life</category><category>Criticism comment</category><category>value</category><category>quarrel avoide</category><category>job birth child</category><category>place Miss Job</category><category>hurt</category><category>new year 2008 blog writing</category><category>odd possition</category><category>winter</category><category>cheat</category><category>help</category><category>time work</category><category>Saying prayer everyday</category><category>confuse</category><category>love hope broken</category><category>feedback</category><category>loose control</category><category>Dream</category><category>accepted</category><category>Travel with Travel agency package</category><category>diagram blog</category><category>handsome husband choose wife</category><category>chat</category><category>fever</category><category>surroundings like me</category><category>road</category><category>Regular exercise</category><category>fearless life</category><category>New dress every ceremony</category><category>Accepting new idea</category><category>office problem</category><category>shout</category><category>soft expo</category><category>moving slow</category><category>name</category><category>not bad</category><category>blog</category><category>HSBC bank service Bangladesh Statement</category><category>life</category><category>lunch</category><category>Four sis at Sonia'a engagement party. From left Shekha</category><category>alice movie office</category><category>no logic argument</category><category>trouble for passer by</category><category>bad position</category><category>Weight loss after marriage</category><category>food</category><category>things wrong</category><category>play</category><category>reponsibility</category><category>Bangladesh</category><title>shahanaus</title><description>love to live happy</description><link>http://shahanaus.blogspot.com/</link><managingEditor>noreply@blogger.com (Shahana)</managingEditor><generator>Blogger</generator><openSearch:totalResults>741</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Shahanaus" /><feedburner:info uri="shahanaus" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-3189774402259000846</guid><pubDate>Mon, 13 Feb 2012 23:52:00 +0000</pubDate><atom:updated>2012-02-14T05:52:24.555+06:00</atom:updated><title>Java: test</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-8RnIb7S9yuw/Tzmh1RqrOlI/AAAAAAAAB-s/uQEtUy6VDVQ/s1600/shafeen_job_computer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://2.bp.blogspot.com/-8RnIb7S9yuw/Tzmh1RqrOlI/AAAAAAAAB-s/uQEtUy6VDVQ/s320/shafeen_job_computer.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: &amp;quot;MS Mincho&amp;quot;; mso-fareast-language: JA; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: &amp;quot;MS Mincho&amp;quot;; mso-fareast-language: JA; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin;"&gt;It’s been a long time, when I first start looking for a new job from my first job place. On that moment I was good at Java, programming language. That was my main working area. One day I went to a office to give an interview, at Uttora, Dhaka. The owner of the company told me to write a script, hello world in java. Within a second I wrote that, and he said he was happy to see my speed and now he sure that I know about Java &lt;/span&gt;&lt;span style="font-family: Wingdings; font-size: 11.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-char-type: symbol; mso-fareast-font-family: &amp;quot;MS Mincho&amp;quot;; mso-fareast-language: JA; mso-fareast-theme-font: minor-fareast; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;"&gt;J&lt;/span&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: &amp;quot;MS Mincho&amp;quot;; mso-fareast-language: JA; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin;"&gt;. Later I got to know that&amp;nbsp; I got the job.&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 11.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: &amp;quot;MS Mincho&amp;quot;; mso-fareast-language: JA; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;span style="font-family: Calibri, sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 17px;"&gt;class &amp;nbsp;Test&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Calibri, sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 17px;"&gt;{&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Calibri, sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 17px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;public static void main(String[] args)&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Calibri, sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 17px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Calibri, sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 17px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;System.out.println("Hello World!");&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Calibri, sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 17px;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Calibri, sans-serif;"&gt;&lt;span style="font-size: 15px; line-height: 17px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 115%;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-3189774402259000846?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/WhxnuRT2ZxkHRq-1QbIsXTy2w-c/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/WhxnuRT2ZxkHRq-1QbIsXTy2w-c/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/WhxnuRT2ZxkHRq-1QbIsXTy2w-c/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/WhxnuRT2ZxkHRq-1QbIsXTy2w-c/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/xtSkvy9whc0" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/xtSkvy9whc0/java-test.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-8RnIb7S9yuw/Tzmh1RqrOlI/AAAAAAAAB-s/uQEtUy6VDVQ/s72-c/shafeen_job_computer.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/02/java-test.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-3998387816909047900</guid><pubDate>Sun, 12 Feb 2012 00:51:00 +0000</pubDate><atom:updated>2012-02-12T06:51:50.023+06:00</atom:updated><title>My policy to stay away from cheating</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-xEP8vfFxthQ/TzcMf37vcBI/AAAAAAAAB-k/1Fg8NZebgzI/s1600/shafeen_hidden_chair.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://2.bp.blogspot.com/-xEP8vfFxthQ/TzcMf37vcBI/AAAAAAAAB-k/1Fg8NZebgzI/s320/shafeen_hidden_chair.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;"&gt;Cheating is everywhere in business. You just need to be alert to stay away of it. But still, in some cases you have to rely with unknown person. When I do any project I always took 50% advance to for security. Then after completion of the work I took rest 50% of money. If any problem came, in between work, then both should loss 50%.&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;"&gt;When I work with any PTC (paid per visit website) I wait till my money became mature and I claim. If they don’t pay me then I stopped working with them. Here still I loss the money which became mature.&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;"&gt;As an article writer, I wrote sample or first task to the work owner. If they pay, then I will work more according to their instruction. Otherwise, I should stop working for them.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-3998387816909047900?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/3lZvqXT7_LEKihaUShkOwnTB-G8/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/3lZvqXT7_LEKihaUShkOwnTB-G8/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/3lZvqXT7_LEKihaUShkOwnTB-G8/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/3lZvqXT7_LEKihaUShkOwnTB-G8/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/bvQc6C0rLAQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/bvQc6C0rLAQ/my-policy-to-stay-away-from-cheating.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-xEP8vfFxthQ/TzcMf37vcBI/AAAAAAAAB-k/1Fg8NZebgzI/s72-c/shafeen_hidden_chair.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/02/my-policy-to-stay-away-from-cheating.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-3617549813055483785</guid><pubDate>Sat, 11 Feb 2012 13:10:00 +0000</pubDate><atom:updated>2012-02-12T06:48:20.634+06:00</atom:updated><title>Sample review of an unprofessional site.</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="MsoNormal"&gt;Once I found a poor web site to improve, so I checked and give a review what I found at a glance. Here it is….&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;/div&gt;&lt;ol start="1" style="margin-top: 0in;" type="1"&gt;&lt;li class="MsoNormal"&gt;unprofessional      design/ site concept&lt;/li&gt;
&lt;li class="MsoNormal"&gt;immature&lt;/li&gt;
&lt;li class="MsoNormal"&gt;poor      flash work&lt;/li&gt;
&lt;li class="MsoNormal"&gt;could      made flash or non flash site&lt;/li&gt;
&lt;li class="MsoNormal"&gt;unnecessary      flash work&lt;/li&gt;
&lt;li class="MsoNormal"&gt;font      is poor&lt;/li&gt;
&lt;li class="MsoNormal"&gt;poor      site management (things looks hotchpotch)&lt;/li&gt;
&lt;li class="MsoNormal"&gt;in      home page, no need to give home page link&lt;/li&gt;
&lt;li class="MsoNormal"&gt;take      lots of time for loading, not good for &lt;st1:country-region w:st="on"&gt;&lt;st1:place w:st="on"&gt;Bangladesh&lt;/st1:place&gt;&lt;/st1:country-region&gt;&lt;/li&gt;
&lt;li class="MsoNormal"&gt;Products      list should be with pictures, short description with price. not only page      decoration pictures&lt;/li&gt;
&lt;li class="MsoNormal"&gt;We      should know which category products u has.&lt;/li&gt;
&lt;li class="MsoNormal"&gt;there      is not details info in details page&lt;/li&gt;
&lt;li class="MsoNormal"&gt;search      should be secure from SQL injection, it’s not secure now&lt;/li&gt;
&lt;li class="MsoNormal"&gt;In distributor’s      page, first should logo come with link to details.&lt;/li&gt;
&lt;li class="MsoNormal"&gt;product      list should be always category wise&lt;/li&gt;
&lt;li class="MsoNormal"&gt;Email      subscribe is it working?&lt;/li&gt;
&lt;li class="MsoNormal"&gt;non      working links should be removed&lt;/li&gt;
&lt;li class="MsoNormal"&gt;shopping      cart isn’t working properly&lt;/li&gt;
&lt;li class="MsoNormal"&gt;all      form should be protected for SQL injection with validation&lt;/li&gt;
&lt;li class="MsoNormal"&gt;Is      dealer login working?&lt;/li&gt;
&lt;li class="MsoNormal"&gt;Links      are not coming in all pages.&lt;/li&gt;
&lt;li class="MsoNormal"&gt;If      download link isn’t available then shouldn’t show.&lt;/li&gt;
&lt;/ol&gt;&lt;div&gt;We (me and Faisal) had worked with the site and updated many things, but due &amp;nbsp;to my pregnancy I could not complete the site and owner again made a new one. This was my last work from our own company.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt;"&gt;It looked little bit like this&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-TaZBAd9LYmk/TzZoJOZl1BI/AAAAAAAAB-M/_isyAzVCmKA/s1600/globalbd_old.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="181" src="http://4.bp.blogspot.com/-TaZBAd9LYmk/TzZoJOZl1BI/AAAAAAAAB-M/_isyAzVCmKA/s320/globalbd_old.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt;"&gt;. After updating we make it look like this.&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-fPtXPwIpDSs/TzZobkhcFXI/AAAAAAAAB-U/zLFndSbzpHI/s1600/globalbd_new.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="198" src="http://1.bp.blogspot.com/-fPtXPwIpDSs/TzZobkhcFXI/AAAAAAAAB-U/zLFndSbzpHI/s320/globalbd_new.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt;"&gt;This is the current site.&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-2PjnNx8_em8/TzZouLDZLNI/AAAAAAAAB-c/sHQ1mQnIkOI/s1600/globalbd_current.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="164" src="http://2.bp.blogspot.com/-2PjnNx8_em8/TzZouLDZLNI/AAAAAAAAB-c/sHQ1mQnIkOI/s320/globalbd_current.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;span style="font-family: 'Times New Roman', serif; font-size: 12pt;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-3617549813055483785?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/MCYY6GC3aGdL2u1HA674p_WyvMI/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/MCYY6GC3aGdL2u1HA674p_WyvMI/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/MCYY6GC3aGdL2u1HA674p_WyvMI/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/MCYY6GC3aGdL2u1HA674p_WyvMI/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/ISBZae3Iji4" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/ISBZae3Iji4/sample-review-of-unprofessional-site.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-TaZBAd9LYmk/TzZoJOZl1BI/AAAAAAAAB-M/_isyAzVCmKA/s72-c/globalbd_old.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/02/sample-review-of-unprofessional-site.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-6486523370676513834</guid><pubDate>Fri, 10 Feb 2012 03:57:00 +0000</pubDate><atom:updated>2012-02-11T19:07:52.213+06:00</atom:updated><title>Is your baby actually healthy?</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-heJrFa7Gycw/TzSVkMmjSdI/AAAAAAAAB-E/Y8MDR7ktuEE/s1600/shafeen_play_picnic.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="240" src="http://2.bp.blogspot.com/-heJrFa7Gycw/TzSVkMmjSdI/AAAAAAAAB-E/Y8MDR7ktuEE/s320/shafeen_play_picnic.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Shafeen, in &amp;nbsp;red dress playing football.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;When your baby looks healthy does not mean that they are actually physically fit. You need to look at their physical activity. In the last picnic we have seen two kinds of children came. From our side all babies look skinny. On the other hand, other group’s babies were looked quite healthy. Obviously all parent thought our babies are not eating well and they are not good in health. &lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;But the whole day our skinny babies played football, volleyball, cricket and badminton. Specially my son &lt;span style="font-family: Wingdings;"&gt;J&lt;/span&gt; But we found that those healthy babies could not play more than 15 minutes. Now the question is does they really healthy? They are not physically fit.&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;So we, the parents have to make our child physically, mentally fit, not just over weighted. And from my personal experience I found that all actually in their (children) hand. If they eat properly then they do, otherwise it’s impossible to make them eat.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-6486523370676513834?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/ZH2t3ppwEH4G-rgUOsjaPcrGvAw/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/ZH2t3ppwEH4G-rgUOsjaPcrGvAw/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/ZH2t3ppwEH4G-rgUOsjaPcrGvAw/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/ZH2t3ppwEH4G-rgUOsjaPcrGvAw/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/a7f2ypAaSeI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/a7f2ypAaSeI/is-your-baby-actually-healthy.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-heJrFa7Gycw/TzSVkMmjSdI/AAAAAAAAB-E/Y8MDR7ktuEE/s72-c/shafeen_play_picnic.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/02/is-your-baby-actually-healthy.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-3762657201830088772</guid><pubDate>Thu, 09 Feb 2012 09:19:00 +0000</pubDate><atom:updated>2012-02-09T15:19:12.728+06:00</atom:updated><title>Demo: Work Order</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-GoKL6tRxA2Q/TzOPWonvW5I/AAAAAAAAB98/T1M-JcFvIuc/s1600/shafeen_reading.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://1.bp.blogspot.com/-GoKL6tRxA2Q/TzOPWonvW5I/AAAAAAAAB98/T1M-JcFvIuc/s320/shafeen_reading.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;To&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Mr. Faisal Ali&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;st1:place w:st="on"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Greenland&lt;/span&gt;&lt;/st1:place&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt; &lt;st1:city w:st="on"&gt;&lt;st1:place w:st="on"&gt;Enterprise&lt;/st1:place&gt;&lt;/st1:city&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;6/13 Mohammadpur, &lt;st1:place w:st="on"&gt;Dhaka&lt;/st1:place&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Subject: Work Order for our Corporate Site.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Sir&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Assalamualaikum.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Thanks for your cooperation.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;According to your offer and quotation regarding our web site we feel pleased to give you the work order. Work Order details are given below:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;table align="left" border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-bottom-style: none; border-collapse: collapse; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; margin-left: 6.75pt; margin-right: 6.75pt; width: 600px;"&gt;&lt;tbody&gt;
&lt;tr&gt;   &lt;td style="border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Particulars&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-left: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 153.0pt;" valign="top" width="204"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Description&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-left: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Rate (Tk.)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-left: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Total (Tk.)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;/tr&gt;
&lt;tr&gt;   &lt;td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Home Page&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 153.0pt;" valign="top" width="204"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Dynamic + flash&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;4000.00&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;4000.00&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;/tr&gt;
&lt;tr&gt;   &lt;td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Static Page&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 153.0pt;" valign="top" width="204"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Six (6) pages&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;900.00&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;5400.00&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;/tr&gt;
&lt;tr&gt;   &lt;td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Maintenance&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 153.0pt;" valign="top" width="204"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Payable at December’   06&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;15 % of total&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;1410.00&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;/tr&gt;
&lt;tr&gt;   &lt;td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Total&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 153.0pt;" valign="top" width="204"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;7 pages&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/td&gt;   &lt;td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 99.0pt;" valign="top" width="132"&gt;   &lt;div class="MsoNormal" style="mso-element-anchor-horizontal: margin; mso-element-anchor-vertical: paragraph; mso-element-frame-hspace: 9.0pt; mso-element-top: 9.1pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;10810.00&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/td&gt;  &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Terms &amp;amp; Condition:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;1. For additional page (if required) payment will be made as per rate mentioned in the proposal.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;2. Company may supply some essential images. You are asked to manage related pictures in your own accord. You will collect &amp;amp; choose images to enhance the design.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;3. Taka 25 % will be in advance. Rest payment will be paid after delivery &amp;amp; hosting the web site.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;4. During the development period you will keep close contact with company representative and will update him about progress.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;5. This agreement will be valid up to December’ 06 and will be renewed for next year depending on your performance.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;6. You will deliver the product with in fifteen days from receiving work order.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;7. Company holds right to cancel the order any time without showing causes.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;If you agree with the aforementioned terms &amp;amp; condition please let us know.&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Wassalam.&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Md. Mahmud Alam&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Manager, Business Development&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-3762657201830088772?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/BDB4t60kYvW3wQ_8gNeW9TMFKvk/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/BDB4t60kYvW3wQ_8gNeW9TMFKvk/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/BDB4t60kYvW3wQ_8gNeW9TMFKvk/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/BDB4t60kYvW3wQ_8gNeW9TMFKvk/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/mWR3vGj8o8o" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/mWR3vGj8o8o/demo-work-order.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-GoKL6tRxA2Q/TzOPWonvW5I/AAAAAAAAB98/T1M-JcFvIuc/s72-c/shafeen_reading.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/02/demo-work-order.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-8012944067151753747</guid><pubDate>Wed, 08 Feb 2012 02:23:00 +0000</pubDate><atom:updated>2012-02-08T08:23:14.428+06:00</atom:updated><title>Health is the key of all happiness</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-nYaZE6AUQjc/TzHce6D3wqI/AAAAAAAAB90/wbAfVxigza8/s1600/shafeen_chair_tool.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://4.bp.blogspot.com/-nYaZE6AUQjc/TzHce6D3wqI/AAAAAAAAB90/wbAfVxigza8/s320/shafeen_chair_tool.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Health is the key of all happiness. Well all know and forget this, till we fall in sick. I have got headache for 3 days. I took medicine, took rest but all process failed. The only time I can get rid of this is sleeping…. Now, how can I sleep all time, when I have a small kid who is wounded in his leg? Like good manager I am managing everything, working for my poor kid, sleeping and forget about all other work. What a situation!&amp;nbsp;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-8012944067151753747?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/fNVB2XeAn1VvI4HSXJxvD_bbtAM/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/fNVB2XeAn1VvI4HSXJxvD_bbtAM/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/fNVB2XeAn1VvI4HSXJxvD_bbtAM/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/fNVB2XeAn1VvI4HSXJxvD_bbtAM/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/OQ3KAXbI1jo" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/OQ3KAXbI1jo/health-is-key-of-all-happiness.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-nYaZE6AUQjc/TzHce6D3wqI/AAAAAAAAB90/wbAfVxigza8/s72-c/shafeen_chair_tool.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/02/health-is-key-of-all-happiness.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-6223500007591509963</guid><pubDate>Mon, 06 Feb 2012 01:03:00 +0000</pubDate><atom:updated>2012-02-06T07:03:49.410+06:00</atom:updated><title>Received note</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;This is a of the sample of received note: &lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-Dh9rr0TNJg4/Ty8m3ygWm8I/AAAAAAAAB9s/z21gC1TlAA4/s1600/receivedCopy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="173" src="http://3.bp.blogspot.com/-Dh9rr0TNJg4/Ty8m3ygWm8I/AAAAAAAAB9s/z21gC1TlAA4/s320/receivedCopy.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-6223500007591509963?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/D7lEwy2vA_D82HFhKT83SmL8rl4/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/D7lEwy2vA_D82HFhKT83SmL8rl4/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/D7lEwy2vA_D82HFhKT83SmL8rl4/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/D7lEwy2vA_D82HFhKT83SmL8rl4/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/0GLd9OfmWsM" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/0GLd9OfmWsM/received-note.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-Dh9rr0TNJg4/Ty8m3ygWm8I/AAAAAAAAB9s/z21gC1TlAA4/s72-c/receivedCopy.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/02/received-note.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-8660016341653339734</guid><pubDate>Sat, 04 Feb 2012 12:20:00 +0000</pubDate><atom:updated>2012-02-04T18:20:12.454+06:00</atom:updated><title>Where should you get marry?</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-J7agwZj9ojk/Ty0h5JaOc3I/AAAAAAAAB9k/-tTfEnPgU1g/s1600/shafeen_lighting_marriageceremony.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://2.bp.blogspot.com/-J7agwZj9ojk/Ty0h5JaOc3I/AAAAAAAAB9k/-tTfEnPgU1g/s320/shafeen_lighting_marriageceremony.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;"&gt;Every people things about this question that where should they get marry, from their teen age to marriage life. I had heard many times, that you should get marry to a person who loves you, not to whom you loved. I thought this is true, and then people will get love all over their life. But now I think this is not a good decision. My suggestion is you should get marry to whom you love and that person also loves you. Otherwise it won’t be good marriage life. Every moment one has to be sacrificing themselves to keep the marriage life. This is not good. This is some kind of vegetable life. You might choose a wrong person but if love is there, everything could be nice. So marry to a person to whom you love. In this &lt;a href="http://en.wikipedia.org/wiki/Indian_subcontinent" target="_blank"&gt;Indiansubcontinent&lt;/a&gt; people get married according to their family choice. Then what happen? They became each other’s habit, need, but not love. For the rest of their life they won’t have any love, just living together and raise the children. Sometimes you will feel that your life partner looking love from you, looking more attention and love events, but you won’t feel that to them. This is not good for both of you. No one will be happy. We should get marry for a happy life, not just to survive.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-8660016341653339734?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/KRvlUs815tWMFFM8ZbB87ZLUVdA/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/KRvlUs815tWMFFM8ZbB87ZLUVdA/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/KRvlUs815tWMFFM8ZbB87ZLUVdA/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/KRvlUs815tWMFFM8ZbB87ZLUVdA/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/EnS4VghyHCQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/EnS4VghyHCQ/where-should-you-get-marry.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-J7agwZj9ojk/Ty0h5JaOc3I/AAAAAAAAB9k/-tTfEnPgU1g/s72-c/shafeen_lighting_marriageceremony.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/02/where-should-you-get-marry.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-1573968534814152373</guid><pubDate>Fri, 03 Feb 2012 02:30:00 +0000</pubDate><atom:updated>2012-02-03T08:30:29.990+06:00</atom:updated><title>CSS: Descendant Selectors</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span class="b24-bookauthor"&gt;By Richard York&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Descendant selectors apply style based on whether one element is a descendant of another. In CSS, &lt;i&gt;descendant&lt;/i&gt; means an element that is a child, grandchild, great grandchild, and so on, of another element. This type of relationship is referred to as an &lt;i&gt;ancestral&lt;/i&gt; relationship. Take for example the document in Figure 3-14. If you were looking to map the ancestral relationship between the elements in Figure 3-14, you would see a tree like that in Figure 3-15.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-Lp_12SsrZMI/TytFa4I8p7I/AAAAAAAAB80/qsIptDC71MQ/s1600/selector3.1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="250" src="http://3.bp.blogspot.com/-Lp_12SsrZMI/TytFa4I8p7I/AAAAAAAAB80/qsIptDC71MQ/s320/selector3.1.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span class="figure-titlelabel"&gt;Figure 3-14&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-FdGqMUlekkE/TytFsqUSfNI/AAAAAAAAB88/I3HnmSAys00/s1600/selector3.15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://1.bp.blogspot.com/-FdGqMUlekkE/TytFsqUSfNI/AAAAAAAAB88/I3HnmSAys00/s320/selector3.15.jpg" width="261" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span class="figure-titlelabel"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Figure 3-15 &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="para" style="text-align: justify;"&gt;As a web designer, you get used to visualizing markup documents as a tree. Perhaps not as a real tree, as you see in Figure 3-15, but visualizing the lineage of an element. The concept of ancestral relationships between elements is a fundamental cornerstone to web development. Ancestral relationships play a large role in CSS development.&lt;/div&gt;&lt;div class="para" style="text-align: justify;"&gt;&lt;a href="" name="235"&gt;&lt;/a&gt;&lt;a href="" name="IDX-"&gt;&lt;/a&gt;Descendant selectors apply style based on the lineage of an element. Keeping in mind the markup presented in Figure 3-14, one example of a descendant selector appears in Figure 3-16.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-CS7v9n0c2CM/TytGEIz5t2I/AAAAAAAAB9E/8GUZS1MQB-w/s1600/selector3.16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="53" src="http://3.bp.blogspot.com/-CS7v9n0c2CM/TytGEIz5t2I/AAAAAAAAB9E/8GUZS1MQB-w/s320/selector3.16.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="para" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Figure 3-16 &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Descendant selectors are used to select an element based on the context it appears in the document. In the example code in Figure 3-16, you select a &lt;span&gt; element with an inline-code class name, and apply the monospace font to it, but only if the inline-code &lt;span&gt; element is a descendant of the &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt; element with a body id name.&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Descendant selectors aren’t limited to just two elements; you can include more elements in the ancestral lineage, if it suits your needs. Each selector in a descendant selector chain must be separated by a space. This is demonstrated in code in Figure 3-17.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-pFpAO2mvb0w/TytGLDc1J0I/AAAAAAAAB9M/F5wpNEPov8Q/s1600/selector3.17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="40" src="http://3.bp.blogspot.com/-pFpAO2mvb0w/TytGLDc1J0I/AAAAAAAAB9M/F5wpNEPov8Q/s320/selector3.17.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Figure 3-17 &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;In fact, the entire lineage from the eldest ancestor, the  element, down through the generations to the element you want to select, can be included in a descendant selector chain.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Descendant selectors can also be combined with the universal selector. You can see an example of this in Figure 3-18.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-oR8hNt0Hbx8/TytGRI_wBKI/AAAAAAAAB9U/8PA3mGW32hQ/s1600/selector3.18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="39" src="http://2.bp.blogspot.com/-oR8hNt0Hbx8/TytGRI_wBKI/AAAAAAAAB9U/8PA3mGW32hQ/s320/selector3.18.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Figure 3-18 &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;The universal selector can appear in any part of a descendant selector. When it is included, it is a wild-card. In Figure 3-18, you select all descendants of the &lt;i&gt;body&lt;/i&gt; &lt;/span&gt;&lt;/div&gt;&lt;div&gt; element.&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: 'Times New Roman', serif;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;table border="0" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="text-align: justify;"&gt;&lt;tbody&gt;
&lt;tr&gt;   &lt;td style="padding: 0in 0in 0in 0in;" valign="top"&gt;&lt;/td&gt;   &lt;td style="padding: 0in 0in 0in 0in;" valign="top"&gt;   &lt;div class="MsoNormal" style="margin-bottom: 0.0001pt;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Tip&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;   &lt;td style="padding: 0in 0in 0in 0in;" valign="top"&gt;   &lt;div class="MsoNormal"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;In the CSS level 1 specification,   descendant selectors are referred to as contextual selectors. The name change   was made in the CSS level 2 specification. The name change likely resulted   from new selectors in CSS 2, several of which can also be considered   contextual because their selection is based on the context in which the   target element appears in the document.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;  &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Try It Out-Descendant Selectors&lt;a href="" name="240"&gt;&lt;/a&gt;&lt;a href="" name="ch03"&gt;&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;i&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Example 3-3&lt;/span&gt;&lt;/i&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;. To see how descendant selectors work, follow these steps.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;ol start="1" type="1"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Enter the following markup into your text editor:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;2.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;3.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;4.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;5.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;6.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;7.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;title&gt;Descendant Selectors&lt;/title&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;8.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;link href="Example_3-3.css" rel="stylesheet" type="text/css"&gt;&lt;/link&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;9.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;10.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;11.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/div&gt;&lt;h1&gt;Descendant Selectors&lt;/h1&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;12.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/div&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;13.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Descendant selectors apply styles based on ancestral relationships.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;14.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; The first descendant example I present applies style to the&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;15.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span class="code"&gt;&amp;lt;span&amp;gt;&lt;/span&gt; element named &lt;em&gt;code&lt;/em&gt;,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;16.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; which is a descendant of &lt;span class="code"&gt;&amp;lt;p&amp;gt;&lt;/span&gt; elements.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;17.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; To do this, the selector &lt;span class="code"&gt;p span.code&lt;/span&gt; is used.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;18.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/div&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;19.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/div&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;20.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Using CSS, styles can be applied to any number of documents.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Since&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;21.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; this is the case, there may be &lt;span class="code"&gt;&amp;lt;span&amp;gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;22.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; elements with a class name of &lt;em&gt;code&lt;/em&gt; in several documents, but&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;23.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; have different styles applied depending on the context it appears,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;24.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; which is the exact situation the inventors of the descendant&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;25.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; selector had in mind when it was conceived.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;26.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/div&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;27.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/div&gt;&lt;div class="note"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;28.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; The note text is given different styles.&amp;nbsp; To do this another descendant&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;29.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; selector is used. This time the selector is &lt;span class="code"&gt;p.note&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;30.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; span.code&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;31.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/div&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;32.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;; font-size: 10.0pt; mso-fareast-font-family: &amp;quot;Courier New&amp;quot;;"&gt;33.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&lt;/span&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;; font-size: 10.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;ol start="2" type="1"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;&lt;a href="" name="241"&gt;&lt;/a&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Save the preceding document as Example_3-3.html.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Enter the following CSS in a new document in your text      editor:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;4.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;5.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;body {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;6.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;font-face: sans-serif;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;7.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;8.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;h1 {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;9.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;margin: 5px;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;10.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;11.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;p {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;12.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; border: 1px solid rgb(200, 200, 200);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;13.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; background: rgb(234, 234, 234);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;14.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; padding: 5px;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;15.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin: 5px;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;16.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;17.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;p.note {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;18.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; background: yellow;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;19.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; border: 1px solid gold;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;20.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;21.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;span.code {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;22.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; font-family: monospace;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;23.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; padding: 0 10px;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;24.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;25.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;p span.code {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;26.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; background: yellow;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;27.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;28.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;p.note span.code {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: 'Courier New'; font-size: 10pt;"&gt;29.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; background: lightyellow;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-bottom: 0.0001pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;; font-size: 10.0pt; mso-fareast-font-family: &amp;quot;Courier New&amp;quot;;"&gt;30.&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: silver; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: 'Courier New'; font-size: 10pt;"&gt;}&lt;/span&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;; font-size: 10.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-UYvZ2wAQ4gU/TytGoKdzliI/AAAAAAAAB9c/AZx07a6LDVo/s1600/selector3.19.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="204" src="http://2.bp.blogspot.com/-UYvZ2wAQ4gU/TytGoKdzliI/AAAAAAAAB9c/AZx07a6LDVo/s320/selector3.19.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;ol start="31" type="1"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Save the preceding CSS as Example_3-3.css. This example      results in the output you see in Figure      3-19.&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div class="MsoListParagraphCxSpFirst" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;32.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Figure 3-19 &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoListParagraphCxSpMiddle" style="text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;33.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;How It Works&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoListParagraphCxSpMiddle" style="text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;34.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;Descendant selectors apply style based on an ancestral relationship. The first example of descendant selectors that you see in Example 3-3 is p span.code. This selector selects &lt;span&gt; elements with class names of &lt;i&gt;code&lt;/i&gt;, but only when they appear as descendants of &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;elements. That is to say, when a &lt;span&gt; element exists in the document and it has a class name of code, and it is the child, grandchild, great grandchild, and so on, of a &lt;/span&gt;&lt;br /&gt;
element, those elements receive a yellow background.&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class="MsoListParagraphCxSpLast" style="text-align: justify; text-indent: -0.25in;"&gt;&lt;!--[if !supportLists]--&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;35.&lt;span style="font: 7.0pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;The second example of descendant selectors in Example 3-3 is p.note span.code, where two type and class selectors are included in a descendant selector. In this selector any &lt;/span&gt;&lt;/div&gt;elements appearing in the document with a class name of note that have descendant &lt;span&gt; elements, which have a class name of code, receive lightyellow backgrounds.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;Descendant selectors allow you to apply style based on ancestral relationships. In the next section, you see a similar selector, the direct child selector, which also applies style based on an ancestral relationship, but a narrower, more specific ancestral relationship, parent and child.&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-1573968534814152373?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/YxO_C4JEUPNjQsuI2Xb9wtz6tKY/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/YxO_C4JEUPNjQsuI2Xb9wtz6tKY/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/YxO_C4JEUPNjQsuI2Xb9wtz6tKY/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/YxO_C4JEUPNjQsuI2Xb9wtz6tKY/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/XCArxIYNyhc" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/XCArxIYNyhc/css-descendant-selectors.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-Lp_12SsrZMI/TytFa4I8p7I/AAAAAAAAB80/qsIptDC71MQ/s72-c/selector3.1.jpg" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/02/css-descendant-selectors.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-5182553321062835385</guid><pubDate>Thu, 02 Feb 2012 10:05:00 +0000</pubDate><atom:updated>2012-02-02T16:05:34.784+06:00</atom:updated><title>Hydraulic horn</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-OmGF7qZZE5E/TypflU4SibI/AAAAAAAAB8s/OwilKcc2ns0/s1600/shahana_shafeen_loudsound.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="240" src="http://2.bp.blogspot.com/-OmGF7qZZE5E/TypflU4SibI/AAAAAAAAB8s/OwilKcc2ns0/s320/shahana_shafeen_loudsound.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Me and shafeen in front of a plain, he had to do same thing on road when any vehicles make too loud sound.&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;As far as I know, this kind of horn is banned in our country (Bangladesh). But in Dhaka city I have faces this problem. Labbayek bus has this loud sound horn and if you are beside the bus then you must faced problem. Again some oil tankers have this kind of sound too. My son feels difficulty with this loud sound, especially when we sit on the rickshaw and this horn sounds beside us. He gave his toy to me and keep cover his ear with his little hands. I hope these vehicles will change their horns.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-5182553321062835385?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/GA1k5cKrQPLnv2sg31kx2ach75A/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/GA1k5cKrQPLnv2sg31kx2ach75A/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/GA1k5cKrQPLnv2sg31kx2ach75A/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/GA1k5cKrQPLnv2sg31kx2ach75A/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/XwNW078svsU" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/XwNW078svsU/hydraulic-horn.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-OmGF7qZZE5E/TypflU4SibI/AAAAAAAAB8s/OwilKcc2ns0/s72-c/shahana_shafeen_loudsound.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/02/hydraulic-horn.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-1432421817256914794</guid><pubDate>Tue, 31 Jan 2012 23:49:00 +0000</pubDate><atom:updated>2012-02-01T05:49:02.698+06:00</atom:updated><title>CSS: The Universal Selector</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;By Richard York&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;The &lt;i class="emphasis"&gt;universal selector&lt;/i&gt; is an asterisk. When used alone,  the universal selector tells the CSS interpreter to apply the CSS rule to all  elements in the document. Figure 3-12  shows what a universal selector looks like.&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-iD5SEKBe56o/Tyh9NqFm3hI/AAAAAAAAB8U/FAq0aOmnh9Y/s1600/css_universal3.1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="31" src="http://2.bp.blogspot.com/-iD5SEKBe56o/Tyh9NqFm3hI/AAAAAAAAB8U/FAq0aOmnh9Y/s320/css_universal3.1.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="figure"&gt;&lt;span class="figure-title"&gt;&lt;span class="figure-titlelabel"&gt;Figure 3-12&lt;/span&gt;&lt;/span&gt;  &lt;/div&gt;&lt;div class="para"&gt;This rule is applied to all elements contained in the document.  The universal selector applies to everything, including form input fields and  tables of data. It applies style to any and every element present in a  document.&lt;/div&gt;&lt;div class="example"&gt;&lt;span class="example-title"&gt;Try It Out-The Universal  Selector&lt;/span&gt;&lt;/div&gt;&lt;div class="example"&gt;&lt;span class="example-title"&gt;&lt;div class="first-para"&gt;&lt;i class="emphasis"&gt;Example 3-2&lt;/i&gt;. To see how the universal  selector works, follow these steps.&lt;/div&gt;&lt;ol class="orderedlist"&gt;&lt;li class="first-listitem"&gt; &lt;div class="first-para"&gt;Enter the following markup into your text editor:&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-XVktROgZ7bk/Tyh9hJgEZwI/AAAAAAAAB8c/pMP8HO_9UqQ/s1600/css_universal_example3.2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://3.bp.blogspot.com/-XVktROgZ7bk/Tyh9hJgEZwI/AAAAAAAAB8c/pMP8HO_9UqQ/s320/css_universal_example3.2.jpg" width="248" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="first-para"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="first-para"&gt;&lt;/div&gt;&lt;ol class="orderedlist" start="2"&gt;&lt;li class="first-listitem"&gt; &lt;div class="first-para"&gt;Save the preceding document as &lt;span class="fixed"&gt;Example_3-2.html&lt;/span&gt; and load it into your favorite browser.&lt;/div&gt;&lt;/li&gt;
&lt;li class="listitem"&gt; &lt;div class="first-para"&gt;Enter the following CSS into a new document in your text  editor.&lt;/div&gt;&lt;div class="informalexample"&gt;&lt;pre class="programlisting"&gt;&lt;span style="background-color: silver;"&gt;&lt;span style="color: black;"&gt;
body {
    font-family: sans-serif;
}
* {
    border: 1px solid yellowgreen;
    color: green;
    padding: 5px;
    font-weight: normal;
    font-size: 12px;
}&lt;/span&gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li class="listitem"&gt; &lt;div class="first-para"&gt;Save the preceding styles as &lt;span class="fixed"&gt;Example_3-2.css&lt;/span&gt;. After loading Example 3-2 into your browser,  you should see output similar to that of Figure 3-13.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-_b84F7gBO4s/Tyh91yieKVI/AAAAAAAAB8k/O8-ORHrNYZ4/s1600/css_universal3.13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="274" src="http://4.bp.blogspot.com/-_b84F7gBO4s/Tyh91yieKVI/AAAAAAAAB8k/O8-ORHrNYZ4/s320/css_universal3.13.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="first-para"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="first-para"&gt;&lt;/div&gt;&lt;ol class="orderedlist" start="2"&gt;&lt;li class="listitem"&gt; &lt;div class="figure"&gt;&lt;span class="figure-title"&gt;&lt;span class="figure-titlelabel"&gt;Figure 3-13&lt;/span&gt;&lt;/span&gt;  &lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;a href="" name="230"&gt;&lt;/a&gt;&lt;a href="" name="IDX-"&gt;&lt;/a&gt; &lt;div class="para"&gt; &lt;/div&gt;&lt;table border="0" cellpadding="0" cellspacing="0" class="tip"&gt;&lt;tbody&gt;
&lt;tr&gt; &lt;td class="admon-check" valign="top"&gt;&lt;/td&gt; &lt;td class="admon-title" valign="top"&gt;Tip&amp;nbsp;&lt;/td&gt; &lt;td class="admon-body" valign="top"&gt; &lt;div class="first-para"&gt;Figure 3-13 shows the  results from Mac Firefox. Safari 2.0 produces similar results; the difference  being only the font color is applied to the form elements. Safari 2.0 does not  support custom styling of form elements very well. However, later versions have  made progress in this area. IE 6 and IE 7 also differ slightly from the output  here, in that the &lt;span class="fixed"&gt;&lt;label&gt;&lt;/label&gt;&lt;/span&gt; elements are missing  the top border, which is because of a bug in IE. While the results are not  perfect from browser to browser, you get the idea of what the universal selector  does.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div class="para"&gt;&lt;b class="bold"&gt;How It Works&lt;/b&gt; &lt;/div&gt;&lt;div class="last-para"&gt;The concepts at play in Example 3-2 are very simple; the  universal selector is included in the style sheet as an asterisk. The  declarations in the rule that follow the asterisk are applied to all of the  elements that appear in the document, provided that element is allowed to have  the property in question applied. For instance, the &lt;span class="fixed"&gt;&lt;/span&gt; and &lt;span class="fixed"&gt;&lt;/span&gt;  elements do not accept most visual styles (borders, padding, and dimensions, for  example). The universal selector, alone, doesn’t have much practical  application, although as previously mentioned, it can be helpful for debugging  styles and highlighting element dimensions in complex documents. By applying a  border to all elements, you are able to immediately see the space an element  occupies.&lt;/div&gt;&lt;div class="last-para"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="last-para"&gt;The universal selector can also be used with other kinds of selectors, such as  contextual selectors, also known as descendant selectors.&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-1432421817256914794?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/1ml96PiYorjkkrWV6Zzx8EZVomo/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/1ml96PiYorjkkrWV6Zzx8EZVomo/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/1ml96PiYorjkkrWV6Zzx8EZVomo/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/1ml96PiYorjkkrWV6Zzx8EZVomo/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/y1AjnwkIzjs" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/y1AjnwkIzjs/css-universal-selector.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-iD5SEKBe56o/Tyh9NqFm3hI/AAAAAAAAB8U/FAq0aOmnh9Y/s72-c/css_universal3.1.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/02/css-universal-selector.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-7902083066064323117</guid><pubDate>Mon, 30 Jan 2012 23:38:00 +0000</pubDate><atom:updated>2012-01-31T05:38:03.410+06:00</atom:updated><title>There should be some other way</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-glmwCsns_fk/TycprnSypuI/AAAAAAAAB8M/zv1izbrFhl0/s1600/shafeen_noise_pollution.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://1.bp.blogspot.com/-glmwCsns_fk/TycprnSypuI/AAAAAAAAB8M/zv1izbrFhl0/s320/shafeen_noise_pollution.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;We all know about noise pollution in Dhaka city. Recently one pollution, irritation and pain increased terribly. Let me explain. Recently apartment business is going very well in Dhaka city. Who had land previously with old or small home they are selling their home to the builders. And builders making flats on that plot. Things are very normal. So, if you are living in the city, every plot around you are started their construction work. Now about the noise, everyday you had to hear continuously these construction noises. Men go out to work, this pain especially for women and children. We had no way but to tolerate these noises. But the noise of tiles cutting is too loud. No one can stand it. But for every floor and for every building you had to tolerate this. This sound is some time making pain in ear. I wish there is some other way to remove this sound, some other way to cut all tiles. This is not good or acceptable for any child.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-7902083066064323117?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/EAlqTikHSaubnR1x2bh34FeGFJY/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EAlqTikHSaubnR1x2bh34FeGFJY/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/EAlqTikHSaubnR1x2bh34FeGFJY/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EAlqTikHSaubnR1x2bh34FeGFJY/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/KB0NZreJ7sQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/KB0NZreJ7sQ/there-should-be-some-other-way.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-glmwCsns_fk/TycprnSypuI/AAAAAAAAB8M/zv1izbrFhl0/s72-c/shafeen_noise_pollution.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/there-should-be-some-other-way.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-2240668081647142577</guid><pubDate>Sun, 29 Jan 2012 22:18:00 +0000</pubDate><atom:updated>2012-01-30T04:18:02.305+06:00</atom:updated><title>CSS: Implement of Out-Class and ID Selectors</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;By Richard York&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;Implement of &lt;/span&gt;&lt;span class="example-title"&gt;Out-Class and ID Selectors&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal"&gt;Example 3-1. To see how class and id selectors work, follow these steps.&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal"&gt;Enter the following markup into your text editor:&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-GvwI4KxuAWk/TyXEGJOxbTI/AAAAAAAAB7c/dEEIAF4XJhA/s1600/cssExample3.1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://4.bp.blogspot.com/-GvwI4KxuAWk/TyXEGJOxbTI/AAAAAAAAB7c/dEEIAF4XJhA/s320/cssExample3.1.jpg" width="308" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;/div&gt;&lt;ol class="orderedlist" start="2"&gt;&lt;li class="FIRST-LISTITEM"&gt; &lt;div class="FIRST-PARA"&gt;Save the preceding document as &lt;span class="fixed"&gt;Example_3-1.html&lt;/span&gt;.&lt;/div&gt;&lt;/li&gt;
&lt;li class="listitem"&gt; &lt;div class="FIRST-PARA"&gt;Enter the following style sheet into your text editor:&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-YUfLTCujm94/TyXDuu60nhI/AAAAAAAAB7U/yjnec6bqcqI/s1600/examplecss3.1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://4.bp.blogspot.com/-YUfLTCujm94/TyXDuu60nhI/AAAAAAAAB7U/yjnec6bqcqI/s320/examplecss3.1.jpg" width="262" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="FIRST-PARA"&gt;&lt;/div&gt;&lt;ol class="orderedlist" start="2"&gt;&lt;li class="LISTITEM"&gt;&lt;div class="first-para"&gt;Save the preceding style sheet as &lt;span class="fixed"&gt;Example_3-1.css&lt;/span&gt;. Figure  3-11 shows what Example 3-1 looks like when rendered in Safari. You should  see something similar in Firefox, IE 6, IE 7, and Opera.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-Wal_LZeBblU/TyXEqzNpnZI/AAAAAAAAB7k/u03UhNEf4QE/s1600/cssfigure3.11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://1.bp.blogspot.com/-Wal_LZeBblU/TyXEqzNpnZI/AAAAAAAAB7k/u03UhNEf4QE/s320/cssfigure3.11.jpg" width="301" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="first-para"&gt;&lt;/div&gt;&lt;div class="PARA"&gt;&lt;b class="bold"&gt;How It Works&lt;/b&gt; &lt;/div&gt;&lt;div class="para"&gt;In Example 3-1, you put your newly acquired class and id selector  skills to use. The following is a rule-by-rule review of the relevant &lt;span class="fixed"&gt;class&lt;/span&gt; and &lt;span class="FIXED"&gt;id&lt;/span&gt; styles you applied in  &lt;span class="fixed"&gt;Example_3-1.css&lt;/span&gt;.&lt;/div&gt;&lt;div class="PARA"&gt;First, you created a rule that is applied to all four &lt;span class="fixed"&gt;&lt;/span&gt;&lt;/div&gt;elements, since all four &lt;span class="FIXED"&gt;&lt;/span&gt;&lt;br /&gt;
elements have a class name of container. You were  able to select all four elements because each &lt;span class="FIXED"&gt;&lt;/span&gt;&lt;br /&gt;
element in the document has a &lt;span class="fixed"&gt;container&lt;/span&gt; class name in  the value of the &lt;span class="fixed"&gt;class&lt;/span&gt; attribute that appears on all  four &lt;span class="FIXED"&gt;&lt;/span&gt;&lt;br /&gt;
elements.&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-iZzt9WfOqyc/TyXE29roYGI/AAAAAAAAB7s/TcvyUT2m0h4/s1600/css1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="152" src="http://3.bp.blogspot.com/-iZzt9WfOqyc/TyXE29roYGI/AAAAAAAAB7s/TcvyUT2m0h4/s320/css1.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="PARA"&gt;Since the preceding rule applied to all four &lt;span class="fixed"&gt;&lt;/span&gt;&lt;/div&gt;elements, it set common properties such as dimensions using the &lt;span class="fixed"&gt;width&lt;/span&gt;, &lt;span class="FIXED"&gt;height&lt;/span&gt;, &lt;span class="FIXED"&gt;padding&lt;/span&gt;, &lt;span class="FIXED"&gt;border&lt;/span&gt;, and &lt;span class="FIXED"&gt;margin&lt;/span&gt; properties.&amp;nbsp;just examine how the &lt;span class="FIXED"&gt;p.container&lt;/span&gt; selector is working to  select the elements, rather than the actual styling being applied.&lt;br /&gt;
&lt;div class="PARA"&gt;In the next rule, you selected the next &lt;span class="fixed"&gt;&lt;/span&gt;&lt;/div&gt;element that also has two class names, &lt;span class="FIXED"&gt;box&lt;/span&gt; and &lt;span class="FIXED"&gt;container&lt;/span&gt;.&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-t-GrKKaXoQI/TyXFE72LQBI/AAAAAAAAB70/aqOdkz_xAaM/s1600/css2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="84" src="http://3.bp.blogspot.com/-t-GrKKaXoQI/TyXFE72LQBI/AAAAAAAAB70/aqOdkz_xAaM/s320/css2.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="PARA"&gt;Although you could have chained the class names in the style sheet by using the  selector &lt;span class="FIXED"&gt;p.container .box&lt;/span&gt;, you avoid doing this since  there are known problems with this approach in IE 6. IE 6, on the other hand,  supports just fine multiple class names in the &lt;span class="FIXED"&gt;class&lt;/span&gt;  attribute. Referencing just the &lt;span class="FIXED"&gt;box&lt;/span&gt; class name allows  you to select the element, too. You give the element a slightly richer shade of  light blue, and a slightly lighter green border than was specified in the  previous rule, which referenced all four &lt;span class="fixed"&gt;&lt;/span&gt;&lt;/div&gt;elements by the class name, &lt;span class="fixed"&gt;container&lt;/span&gt;. You see that the  &lt;span class="FIXED"&gt;background&lt;/span&gt; and &lt;span class="FIXED"&gt;border&lt;/span&gt;  declarations set here overrode the previously set background and border  declarations in the first container rule&lt;br /&gt;
&lt;div class="PARA"&gt;In the next rule, you set properties on the &lt;span class="FIXED"&gt;&lt;/span&gt;&lt;/div&gt;element with both the class names &lt;span class="FIXED"&gt;container&lt;/span&gt; and &lt;span class="fixed"&gt;tank&lt;/span&gt;. Again, you gave the element an even richer light blue  background (compared to the last rule, which was applied to the &lt;span class="fixed"&gt;&lt;/span&gt;&lt;br /&gt;
element with &lt;span class="fixed"&gt;container&lt;/span&gt; and  &lt;span class="FIXED"&gt;box&lt;/span&gt; class names).&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-VhWao8cokgg/TyXFWQviQkI/AAAAAAAAB78/PZsdfWtSe_Y/s1600/css3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="92" src="http://1.bp.blogspot.com/-VhWao8cokgg/TyXFWQviQkI/AAAAAAAAB78/PZsdfWtSe_Y/s320/css3.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="PARA"&gt;In the last rule, you used an id selector to select the fourth  &lt;span class="fixed"&gt;&lt;/span&gt;&lt;/div&gt;element, which has an &lt;span class="FIXED"&gt;id&lt;/span&gt; attribute set with a value of &lt;span class="fixed"&gt;container-1234&lt;/span&gt;. For the fourth &lt;span class="FIXED"&gt;&lt;/span&gt;&lt;br /&gt;
element, there is an even richer still light blue  background, and an even lighter green border around it.&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-S8UWlFhxaXs/TyXFe71DuXI/AAAAAAAAB8E/7hiaen2gFjw/s1600/css4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="65" src="http://1.bp.blogspot.com/-S8UWlFhxaXs/TyXFe71DuXI/AAAAAAAAB8E/7hiaen2gFjw/s320/css4.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="PARA"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-2240668081647142577?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/6CtsuuLK6WIRCZQcOPncxUU5_io/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/6CtsuuLK6WIRCZQcOPncxUU5_io/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/6CtsuuLK6WIRCZQcOPncxUU5_io/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/6CtsuuLK6WIRCZQcOPncxUU5_io/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/U0SszryeABs" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/U0SszryeABs/css-implement-of-out-class-and-id.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-GvwI4KxuAWk/TyXEGJOxbTI/AAAAAAAAB7c/dEEIAF4XJhA/s72-c/cssExample3.1.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/css-implement-of-out-class-and-id.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-4487000490156238105</guid><pubDate>Sun, 29 Jan 2012 01:37:00 +0000</pubDate><atom:updated>2012-01-29T07:37:11.579+06:00</atom:updated><title>Demo Logo</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;a href="http://1.bp.blogspot.com/-6BljrILFluU/TySipWzlnCI/AAAAAAAAB7M/io44kv9Bhzk/s1600/Assignments_207784638_AttachedDocument.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="142" src="http://1.bp.blogspot.com/-6BljrILFluU/TySipWzlnCI/AAAAAAAAB7M/io44kv9Bhzk/s320/Assignments_207784638_AttachedDocument.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Faisal made this demo logo recently.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-4487000490156238105?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/Cx5mZ-PnRNpqo_ednfF4gStBCxE/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Cx5mZ-PnRNpqo_ednfF4gStBCxE/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/Cx5mZ-PnRNpqo_ednfF4gStBCxE/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Cx5mZ-PnRNpqo_ednfF4gStBCxE/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/365roGmwsFs" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/365roGmwsFs/demo-logo.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-6BljrILFluU/TySipWzlnCI/AAAAAAAAB7M/io44kv9Bhzk/s72-c/Assignments_207784638_AttachedDocument.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/demo-logo.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-8211555727543394239</guid><pubDate>Fri, 27 Jan 2012 23:24:00 +0000</pubDate><atom:updated>2012-01-28T05:24:01.556+06:00</atom:updated><title>CSS: ID Selectors</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;By Richard York&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;id selectors are unique identifiers; an id is meant to be unique, defined once per document. Like class selectors discussed in the previous section, a special character precedes id selectors in a style sheet. To reference an id, you precede the id name with a hash mark (or pound sign, #). Like class names, this name cannot contain spaces. You should use names that only include letters, numbers, and spaces for compatibility with the older browsers. You see how this is done in Figure 3-8.&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-Mjvhqu_yGX4/TyMxQUnENRI/AAAAAAAAB6o/m90h5A5zsdc/s1600/idselector3.8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="31" src="http://2.bp.blogspot.com/-Mjvhqu_yGX4/TyMxQUnENRI/AAAAAAAAB6o/m90h5A5zsdc/s320/idselector3.8.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;Figure 3-8&amp;nbsp;&lt;/div&gt;&lt;div class="MsoNormal"&gt;Since there’s only one Jupiter in the solar system, Jupiter lends itself as a good example of the concept of an id selector. Just as there is only one Jupiter in the solar system, the id name jupiter can be used only once in a document, on one element.&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal"&gt;Browsers are forgiving of multiple id names per document as far as style sheets are concerned. However, using an id name more than once in a document can cause conflicts with other applications of unique id names. For example, id names can be used to link to a location within a document (as HTML anchors), or when referencing an element by id name from JavaScript. When you have an id name appearing more than once in the HTML document, on more than one element, the browser won’t know which one you’re linking to, or which one you want to refer to from JavaScript, and will have to guess. It’s best to just use the id name for its intended purpose, just once per document.&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal"&gt;An id name must be unique in so far as other id names are concerned. An id name may be repeated as a class name, should you want to do so.&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal"&gt;The element can then be defined in the document using the id attribute. This is demonstrated in Figure 3-9.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-4cUc4MHgCv8/TyMxgAubo6I/AAAAAAAAB6w/w3fHbmH1OaQ/s1600/idselector3.9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="37" src="http://4.bp.blogspot.com/-4cUc4MHgCv8/TyMxgAubo6I/AAAAAAAAB6w/w3fHbmH1OaQ/s320/idselector3.9.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;Figure 3-9&amp;nbsp;&lt;/div&gt;&lt;div&gt;You can make both class and id selectors more specific by appending the name of the element to the beginning of the selector. For instance, if in the last examples you only want &lt;div&gt; elements for each rule, the selector will look like what you see in Figure 3-10.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-R4Jxlzn76-s/TyMxvTRTpDI/AAAAAAAAB68/OUhuB8tuh2o/s1600/idselector3.10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="30" src="http://3.bp.blogspot.com/-R4Jxlzn76-s/TyMxvTRTpDI/AAAAAAAAB68/OUhuB8tuh2o/s320/idselector3.10.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;Figure 3-10&amp;nbsp;&lt;/div&gt;&lt;div&gt;Now each rule is applied only to &lt;div&gt; elements that contain the corresponding class and id names. You may wonder why this is useful for an id selector, since an id element has to be unique in a document. Appending the selector with the type of element is useful in situations where one style sheet applies to more than one HTML document, where it’s possible that you have a unique id in one of those documents that applies to for instance, an &lt;img /&gt; element, but in another, separate document, that unique id name applies to a &lt;div&gt; element. Of course, it’s best practice to avoid situations like that by making each element’s id name unique, even in different documents, to avoid confusion. Sometimes, it can’t be avoided. The other reason this is useful is that it makes the style sheet more intuitive and easier to fol-low. When you are reading a style sheet and see the id name jupiter but no type selector, that id can apply to any element in the document and would require you to scan the whole document from top to bottom without any other search criteria. With the type selector appended, you can narrow the search; if the element is a &lt;div&gt; element, then you know that the id selector doesn’t apply to images, links, paragraphs, and so on.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Although the id must be unique, in these examples you can name only one element jupiter. The CSS style sheet, however, may contain as many references to that id as are necessary. The uniqueness rule only applies to naming the elements, not the references to them. You can apply classes, on the other hand, to as many elements in the body as necessary.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-8211555727543394239?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/EJrc6GGkKOA2mCm_k5nmvyvgjEQ/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EJrc6GGkKOA2mCm_k5nmvyvgjEQ/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/EJrc6GGkKOA2mCm_k5nmvyvgjEQ/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EJrc6GGkKOA2mCm_k5nmvyvgjEQ/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/cKNdfmSliLM" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/cKNdfmSliLM/css-id-selectors.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-Mjvhqu_yGX4/TyMxQUnENRI/AAAAAAAAB6o/m90h5A5zsdc/s72-c/idselector3.8.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/css-id-selectors.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-3988437062063469865</guid><pubDate>Thu, 26 Jan 2012 23:13:00 +0000</pubDate><atom:updated>2012-01-27T05:27:44.750+06:00</atom:updated><title>My son couldn’t stop himself shouting</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/--oG6AQ2-JFI/TyHbL9FHADI/AAAAAAAAB6g/lr6ftcYPDKk/s1600/shafeen.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="240" src="http://4.bp.blogspot.com/--oG6AQ2-JFI/TyHbL9FHADI/AAAAAAAAB6g/lr6ftcYPDKk/s320/shafeen.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Shafeen, my son (3 years old)&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;I don’t shout. No matter what happens. It’s my nature. And I don’t like shouting. No matter who shouts on me, I don’t shout in reply, never with my in laws, office colleagues or with other people. Recently my maid started shouting with me regularly, why room is too narrow, why we have extra things in house, why my son keep toys on floor etc. My nature is calm as usual. But my son couldn’t tolerate that other person is shouting with his mom, so with his language (like aa uu) of scolding, he shouts on her (my maid) and stop her. On that time he was sitting on my lap. I love my son. At least I found one person beside, who really cares for me.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-3988437062063469865?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/v7gn0C6dAZ1xC3z-dXrpPOStSWI/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/v7gn0C6dAZ1xC3z-dXrpPOStSWI/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/v7gn0C6dAZ1xC3z-dXrpPOStSWI/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/v7gn0C6dAZ1xC3z-dXrpPOStSWI/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/bmJG6BVvJOI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/bmJG6BVvJOI/my-son-couldnt-stop-himself-shouting.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/--oG6AQ2-JFI/TyHbL9FHADI/AAAAAAAAB6g/lr6ftcYPDKk/s72-c/shafeen.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/my-son-couldnt-stop-himself-shouting.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-7914463851428215141</guid><pubDate>Wed, 25 Jan 2012 01:01:00 +0000</pubDate><atom:updated>2012-01-25T07:01:34.497+06:00</atom:updated><title>CSS: Class Selectors</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span class="b24-bookauthor"&gt;By Richard York&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Class and id selectors are the most widely supported selectors. There are two types of selectors. The class attribute is more generic, meaning it may encompass many elements in a given document, even elements of different types or purposes. On the other hand, you can use the id attribute only once per document. The name id tells you that the id must be unique. Besides using it in CSS, you can also use an element’s id to access it via a scripting language like JavaScript. You can also link to the location of the element with an id name using anchors. Anchors are appended to URLs to force a browser to go to a specific place in a document. So the id attribute serves more than one purpose. Think of it as an element’s address inside a document - no two addresses can be the same. The discussion continues with class selectors.&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;Class Selectors&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Figure 3-1 is an example of a class name selector.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-8WXhlhHfjvU/Tx9RPhFdTFI/AAAAAAAAB5o/YdXcfbqXvCI/s1600/class_selector_3.1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="72" src="http://1.bp.blogspot.com/-8WXhlhHfjvU/Tx9RPhFdTFI/AAAAAAAAB5o/YdXcfbqXvCI/s320/class_selector_3.1.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Figure 3-1 &lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;The class name selector begins with a dot, followed by the class name itself, which you choose. Typically, the class name is comprised of letters, numbers, and hyphens only, since this provides the best compatibility with older browsers. Class names also cannot include spaces. In Figure 3-2, you see the element that the class name planet applies style to in the HTML document.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-f8NM5mMOryo/Tx9RYI7EhdI/AAAAAAAAB5w/octo4T-8Lsg/s1600/class_selector_3.2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="53" src="http://1.bp.blogspot.com/-f8NM5mMOryo/Tx9RYI7EhdI/AAAAAAAAB5w/octo4T-8Lsg/s320/class_selector_3.2.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Figure 3-2 &lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;The dot appearing before the class name in the CSS rule tells CSS that you are referencing a class selector. The dot does not need to appear in the class attribute value itself; in fact it cannot, because the value of the class attribute is just the class name itself.&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;When used in this context, the type of element doesn’t matter. In other words, you can also apply the class to other elements, as is illustrated in Figure 3-3.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-P6f9R-gnXjs/Tx9RlGGFnpI/AAAAAAAAB54/y8CHlEHRSnY/s1600/class_selector_3.3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="54" src="http://2.bp.blogspot.com/-P6f9R-gnXjs/Tx9RlGGFnpI/AAAAAAAAB54/y8CHlEHRSnY/s320/class_selector_3.3.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Figure 3-3 &lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;The same rule applies to the &lt;img /&gt; element as applies to the &lt;/div&gt;&lt;div&gt; element. Both now have an absolute position, offset from the top zero pixels, offset from the left of zero pixels, and offset from the bottom of 15 pixels. What if you wanted to give both the &lt;div&gt; and &lt;img /&gt; element the same class name, but have a style sheet rule that applies to &lt;div&gt; elements, but not &lt;img /&gt; elements? You can do that, too. Limiting a class selector to a type of element is demonstrated in Figure 3-4.&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-LKBMMq6TG5M/Tx9TCAg_EpI/AAAAAAAAB6A/o6IFStjXGy0/s1600/class_selector_3.4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="69" src="http://3.bp.blogspot.com/-LKBMMq6TG5M/Tx9TCAg_EpI/AAAAAAAAB6A/o6IFStjXGy0/s320/class_selector_3.4.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Figure 3-4 &lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;In Figure 3-4, you see the combination of two types of selectors that you are already familiar with, the type selector from Chapter 2, and the class selector. When you append a type selector to a class selector, you limit the scope of the style sheet rule to only that type of element. In Figure 3-4, the rule is limited so that it only applies to &lt;/div&gt;&lt;div&gt; elements, causing it to no longer apply to &lt;img /&gt; elements, or any other type of element for that matter. You can still create additional rules that reference other elements, such as a new rule that only applies to &lt;img /&gt; elements with a class name of planet, such as img.planet, but the rule that you see in Figure 3-4 applies exclusively to &lt;div&gt; elements with a class name of planet.&lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Elements can also be assigned more than one class name. Figure 3-5 shows an example of this.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-35rn1K7vYg8/Tx9TUIg65rI/AAAAAAAAB6I/xAzC7XpWZJI/s1600/class_selector_3.5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="53" src="http://2.bp.blogspot.com/-35rn1K7vYg8/Tx9TUIg65rI/AAAAAAAAB6I/xAzC7XpWZJI/s320/class_selector_3.5.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Figure 3-5 &lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;The value of this class attribute actually contains two class names: planet and jupiter. Each class name in the attribute is separated by a space. In the corresponding style sheet, the two classes may be referenced by two separate rules, as illustrated in Figure 3-6.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-5u5B36ivQ5M/Tx9T4BUSh_I/AAAAAAAAB6Q/m0gBdKOfaQ4/s1600/class_selector_3.6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="68" src="http://4.bp.blogspot.com/-5u5B36ivQ5M/Tx9T4BUSh_I/AAAAAAAAB6Q/m0gBdKOfaQ4/s320/class_selector_3.6.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Figure 3-6 &lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;The two style sheet rules in Figure 3-6 result in the &lt;/div&gt;&lt;div&gt; element with both planet and jupiter class names receiving the declarations of both rules.&lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;The class names may also be chained together in the style sheet, as shown in Figure 3-7.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-tW3ZLOcYf-Q/Tx9UWOo5i9I/AAAAAAAAB6Y/wcj8gsgfrxs/s1600/class_selector_3.7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="29" src="http://1.bp.blogspot.com/-tW3ZLOcYf-Q/Tx9UWOo5i9I/AAAAAAAAB6Y/wcj8gsgfrxs/s320/class_selector_3.7.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Figure 3-7 &lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;The preceding rule applies only to elements that reference both class names in their class attribute.&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;IE 6 interprets chained class names per the CSS 1 specification, which did not allow chained class names in the style sheet. In IE 6, only the last class name in the chain is recognized. In the preceding example, IE 6 would interpret the .planet.jupiter selector as .jupiter only. This has been fixed in IE 7.&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;Whereas classes are meant to reference more than one element, ids are meant to reference only one ele-ment in a document.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-7914463851428215141?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/N3igYApVQ4CUFXnXul_oRc13dow/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/N3igYApVQ4CUFXnXul_oRc13dow/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/N3igYApVQ4CUFXnXul_oRc13dow/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/N3igYApVQ4CUFXnXul_oRc13dow/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/c07zYop32hk" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/c07zYop32hk/css-class-selectors.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-8WXhlhHfjvU/Tx9RPhFdTFI/AAAAAAAAB5o/YdXcfbqXvCI/s72-c/class_selector_3.1.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/css-class-selectors.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-448522491562768321</guid><pubDate>Mon, 23 Jan 2012 23:36:00 +0000</pubDate><atom:updated>2012-01-24T05:36:50.840+06:00</atom:updated><title>1st thought</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-5zbZlZNS2yk/Tx3vALLBdpI/AAAAAAAAB5g/j5myvx1i0Ig/s1600/faisal_shafeen_baranda.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://4.bp.blogspot.com/-5zbZlZNS2yk/Tx3vALLBdpI/AAAAAAAAB5g/j5myvx1i0Ig/s320/faisal_shafeen_baranda.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;When I was the student of Dhaka University, one of our teacher was professor, Lutful Haque. Once he told us in the class, human’s second thought is always correct. Because first when they take decision was in a hurry, second time they think more and look at all negative and positive things. So, second decision is always correct. But for myself, I have seen always, that my 1&lt;sup&gt;st&lt;/sup&gt; decision was correct. Whenever I changed my decision I had to pay a lot. Every pain reminds me that my 1&lt;sup&gt;st&lt;/sup&gt; decision was correct. So, I myself made a promise that whenever I decide something (may be in anger or any other mood) I will try to keep that unchanged. And I hope this will give me good result.&amp;nbsp;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-448522491562768321?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/Ieo17bNCkI4cu0K4TBbDRcBmmWo/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Ieo17bNCkI4cu0K4TBbDRcBmmWo/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/Ieo17bNCkI4cu0K4TBbDRcBmmWo/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Ieo17bNCkI4cu0K4TBbDRcBmmWo/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/fTwPsIE2q94" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/fTwPsIE2q94/1st-thought.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-5zbZlZNS2yk/Tx3vALLBdpI/AAAAAAAAB5g/j5myvx1i0Ig/s72-c/faisal_shafeen_baranda.jpg" height="72" width="72" /><thr:total>2</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/1st-thought.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-9176254763324592228</guid><pubDate>Mon, 23 Jan 2012 05:55:00 +0000</pubDate><atom:updated>2012-01-23T11:55:55.298+06:00</atom:updated><title>CSS: Inline Styles</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;By Richard York&lt;/span&gt; &lt;br /&gt;
&lt;div class="first-para"&gt;The last method for including CSS in a document is from  within the XHTML elements themselves. Sometimes it doesn’t make sense to clutter  your external or embedded style sheets with a rule that will be used on only one  element in one document. This is where the &lt;span class="fixed"&gt;style=""&lt;/span&gt;  attribute comes into play; it’s demonstrated by the following markup:&lt;/div&gt;&lt;div class="informalexample"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-hHeA6FuLu_4/Txz1TGILS5I/AAAAAAAAB5I/cOSL4CYtBRU/s1600/css1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="88" src="http://1.bp.blogspot.com/-hHeA6FuLu_4/Txz1TGILS5I/AAAAAAAAB5I/cOSL4CYtBRU/s320/css1.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;pre class="programlisting"&gt;&lt;span style="background-color: silver;"&gt;&lt;span style="color: black;"&gt;&lt;span id="goog_66419866"&gt;&lt;/span&gt;&lt;span id="goog_66419867"&gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;div class="para"&gt;This method allows for the text to be formatted from within the 
document and may be applied to any rendered element.&lt;/div&gt;&lt;div class="para"&gt;The following Try It Out demonstrates how the &lt;span class="fixed"&gt;style&lt;/span&gt; attribute is used to add styles directly to the 
elements of a web document.&lt;/div&gt;&lt;div class="example"&gt;&lt;span class="example-title"&gt;Try It Out-Including CSS Using the 
style Attribute&lt;/span&gt;&lt;a href="" name="193"&gt;&lt;/a&gt;&lt;a href="" name="ch02"&gt;&lt;/a&gt;&amp;nbsp;&lt;/div&gt;&lt;div class="example"&gt;
&lt;div class="formalbody"&gt;&lt;div class="first-para"&gt;&lt;i class="emphasis"&gt;Example 2-10.&lt;/i&gt; To use the style 
attribute to apply styles directly to the elements of a document, follow these 
steps.&lt;/div&gt;&lt;a href="" name="194"&gt;&lt;/a&gt;&lt;a href="" name="IDX-"&gt;&lt;/a&gt;
&lt;ol class="orderedlist"&gt;&lt;li class="first-listitem"&gt; &lt;div class="first-para"&gt;Return to your text editor and enter the following  XHTML:&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-GIUBAqTL89g/Txz1l6mg2kI/AAAAAAAAB5Q/NrEYXh3NgP4/s1600/css2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="241" src="http://1.bp.blogspot.com/-GIUBAqTL89g/Txz1l6mg2kI/AAAAAAAAB5Q/NrEYXh3NgP4/s320/css2.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="first-para"&gt; &lt;/div&gt;&lt;ol class="orderedlist"&gt;&lt;li class="listitem"&gt; &lt;div class="first-para"&gt;Save the preceding document as &lt;span class="fixed"&gt;Example_2-10.html&lt;/span&gt; &lt;/div&gt;&lt;/li&gt;
&lt;li class="listitem"&gt; &lt;div class="first-para"&gt;Load up Example 2-10 in your favorite browser. You should  see output like that in Figure 2-6.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-FLxwpZcH0Ko/Txz2VB2dpLI/AAAAAAAAB5Y/o2oiD1Z0yas/s1600/css2.6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="198" src="http://1.bp.blogspot.com/-FLxwpZcH0Ko/Txz2VB2dpLI/AAAAAAAAB5Y/o2oiD1Z0yas/s320/css2.6.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="first-para"&gt; &lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div class="para"&gt;&lt;b class="bold"&gt;How It Works&lt;/b&gt; &lt;/div&gt;&lt;div class="last-para"&gt;Note that the output is identical to output of the earlier  example shown in Figure 2-6. The &lt;span class="fixed"&gt;style&lt;/span&gt; attribute  allows CSS declarations to be included directly in the XHTML element. The &lt;span class="fixed"&gt;style&lt;/span&gt; attribute, however, is not as dynamic as a style sheet.  It gives you no way to group repetitive rules or declarations. The &lt;span class="fixed"&gt;style&lt;/span&gt; attribute should only be used when a more efficient  method is not available (if, for example, the element to be styled does not  appear on multiple pages).&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;/div&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-9176254763324592228?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/CoKznLc9Dedf10Uu41kW739_bl8/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/CoKznLc9Dedf10Uu41kW739_bl8/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/CoKznLc9Dedf10Uu41kW739_bl8/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/CoKznLc9Dedf10Uu41kW739_bl8/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/CK1Xp__f9Zg" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/CK1Xp__f9Zg/css-inline-styles.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-hHeA6FuLu_4/Txz1TGILS5I/AAAAAAAAB5I/cOSL4CYtBRU/s72-c/css1.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/css-inline-styles.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-1768602028314412908</guid><pubDate>Sat, 21 Jan 2012 20:37:00 +0000</pubDate><atom:updated>2012-01-22T02:37:22.069+06:00</atom:updated><title>Home decoration</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-8ATcRNJllZ0/TxshRE0zq1I/AAAAAAAAB5A/7YfFhn13IN0/s1600/door_shafeen_decoration.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="240" src="http://3.bp.blogspot.com/-8ATcRNJllZ0/TxshRE0zq1I/AAAAAAAAB5A/7YfFhn13IN0/s320/door_shafeen_decoration.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Painting on door&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-LiRmN9taaBw/Txse8VMgshI/AAAAAAAAB4o/QmQfXjNTllU/s1600/table_shafeen_decoration.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="240" src="http://4.bp.blogspot.com/-LiRmN9taaBw/Txse8VMgshI/AAAAAAAAB4o/QmQfXjNTllU/s320/table_shafeen_decoration.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Drawing on table&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-nHIhNW_7nIY/TxsfB813egI/AAAAAAAAB4w/rYmH42Q2dlM/s1600/wall_shafeen_decoration.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="240" src="http://3.bp.blogspot.com/-nHIhNW_7nIY/TxsfB813egI/AAAAAAAAB4w/rYmH42Q2dlM/s320/wall_shafeen_decoration.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;wall decoration&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-HDmC4-OZkhA/TxsfV1BOjHI/AAAAAAAAB44/z9wcyIg3RGo/s1600/waredrop_shafeen_decoration.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="240" src="http://4.bp.blogspot.com/-HDmC4-OZkhA/TxsfV1BOjHI/AAAAAAAAB44/z9wcyIg3RGo/s320/waredrop_shafeen_decoration.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Design on weardrop&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;My son (3 years old) likes to work a lot. He named those as his work. He doesn’t allow any body to do his work. Like, if I use the microwave oven, his job is to press the ‘cancel’ button after completion of my work. &amp;nbsp;His recent work is home decoration. He decorated walls, floor, table, ware drop with his new color pencil, given by my elder sister (Sharmin) at his birthday. If you like the design, you can order for your home too.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-1768602028314412908?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/z2sekrnJ7f1zKAZEQyzrtesKqBQ/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/z2sekrnJ7f1zKAZEQyzrtesKqBQ/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/z2sekrnJ7f1zKAZEQyzrtesKqBQ/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/z2sekrnJ7f1zKAZEQyzrtesKqBQ/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/qGF_i6OMY34" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/qGF_i6OMY34/home-decoration.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-8ATcRNJllZ0/TxshRE0zq1I/AAAAAAAAB5A/7YfFhn13IN0/s72-c/door_shafeen_decoration.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/home-decoration.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-6278973004620115189</guid><pubDate>Sat, 21 Jan 2012 03:26:00 +0000</pubDate><atom:updated>2012-01-22T02:10:35.711+06:00</atom:updated><title>CSS: Importing Style Sheets</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-IBI6cEh-Z5A/TxowZCI7jkI/AAAAAAAAB4Q/RGYniMK2xNI/s1600/shafeen_in_box.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://3.bp.blogspot.com/-IBI6cEh-Z5A/TxowZCI7jkI/AAAAAAAAB4Q/RGYniMK2xNI/s320/shafeen_in_box.jpg" width="311" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="first-para"&gt;&lt;span class="b24-bookauthor"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="first-para"&gt;&lt;span class="b24-bookauthor"&gt;By Richard York&lt;/span&gt;&lt;/div&gt;&lt;div class="first-para"&gt;You can also link to an external style sheet by using the  &lt;span class="fixed"&gt;@import&lt;/span&gt; rule. Here’s a demonstration:&lt;/div&gt;&lt;div class="informalexample"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-U1CUk0EueTY/TxsbVxYCA3I/AAAAAAAAB4Y/v4Oy3_zKSDo/s1600/cssImport.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-U1CUk0EueTY/TxsbVxYCA3I/AAAAAAAAB4Y/v4Oy3_zKSDo/s1600/cssImport.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;pre class="programlisting"&gt;&lt;span style="background-color: silver;"&gt;&lt;span style="color: black;"&gt;
&lt;style type="text/css"&gt;
    @import url(path/to/cssdoc.css);
&lt;/style&gt;&lt;/span&gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;&lt;div class="para"&gt;This example uses the &lt;span class="fixed"&gt;&lt;style&gt;
&lt;/style&gt;&lt;/span&gt; method but includes the &lt;span class="fixed"&gt;@import&lt;/span&gt; notation. It’s very straightforward: Plug in the  &lt;span class="fixed"&gt;@&lt;/span&gt;import rule followed by the &lt;span class="fixed"&gt;url()&lt;/span&gt;, which may contain an absolute or relative path.&lt;/div&gt;&lt;table border="0" cellpadding="0" cellspacing="0" class="tip"&gt;&lt;tbody&gt;
&lt;tr&gt; &lt;td class="admon-check" valign="top"&gt;&lt;/td&gt; &lt;td class="admon-title" valign="top"&gt;Tip&amp;nbsp;&lt;/td&gt; &lt;td class="admon-body" valign="top"&gt;&lt;div class="first-para"&gt;The &lt;span class="fixed"&gt;@import&lt;/span&gt; method is not supported  by older browsers, and it is sometimes used as a hack to hide styles from  browsers that would crash horribly if these styles were present. One such  browser is Netscape Navigator 4, which has horrible CSS support and has been  known to lock up when certain styles are present.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-6278973004620115189?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/FqA9pFhKGyqeWP2m4H_AVEId1d4/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/FqA9pFhKGyqeWP2m4H_AVEId1d4/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/FqA9pFhKGyqeWP2m4H_AVEId1d4/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/FqA9pFhKGyqeWP2m4H_AVEId1d4/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/c66B-MkR-tc" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/c66B-MkR-tc/css-importing-style-sheets.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-IBI6cEh-Z5A/TxowZCI7jkI/AAAAAAAAB4Q/RGYniMK2xNI/s72-c/shafeen_in_box.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/css-importing-style-sheets.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-3306237463351847761</guid><pubDate>Fri, 20 Jan 2012 10:28:00 +0000</pubDate><atom:updated>2012-01-20T16:28:55.061+06:00</atom:updated><title>Need good geometric design for international trade fair stall placement</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-JfnIWlztNcg/TxlBzMD6tYI/AAAAAAAAB4E/QW-PlJM_6ew/s1600/shafeen_tradefair_2012.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="240" src="http://2.bp.blogspot.com/-JfnIWlztNcg/TxlBzMD6tYI/AAAAAAAAB4E/QW-PlJM_6ew/s320/shafeen_tradefair_2012.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Shafeen (my son) at trade fair 2012&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;January month became a month of joy of shopping because of International trade fair. Everyday lots of people go there to see new items, old item with good offer, lottery, for business purpose etc. It’s a huge area with lots of stall and pavilions. Everywhere you will find food corner and a place for new born child and mother care. Where moms can breast feeding and change their child’s diaper and also can buy some product for their child’s nutrition. It has a place for blood donation too. Now it has bank and ATM booth too.&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;But still there are some draws back. Like no matter how hard you try you will never able to see all stall and pavilion. Not because of its size, because of its placing decoration. I think it should had one road moves like zigzag or like snake trace, if you like to follow that road you will be able to visit or at least will walk in front of all stalls and pavilion. Then every stall and pavilion will have fare opportunity.&amp;nbsp; So, if anyone wants to follow that road can go with it or can go with their own choice.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-3306237463351847761?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/UBIWsDJ_tMTusfbFiSqTabAYjLI/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/UBIWsDJ_tMTusfbFiSqTabAYjLI/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/UBIWsDJ_tMTusfbFiSqTabAYjLI/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/UBIWsDJ_tMTusfbFiSqTabAYjLI/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/JXOP6-q4xlw" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/JXOP6-q4xlw/need-good-geometric-design-for.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-JfnIWlztNcg/TxlBzMD6tYI/AAAAAAAAB4E/QW-PlJM_6ew/s72-c/shafeen_tradefair_2012.jpg" height="72" width="72" /><thr:total>4</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/need-good-geometric-design-for.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-7845033119062227920</guid><pubDate>Thu, 19 Jan 2012 01:09:00 +0000</pubDate><atom:updated>2012-01-19T07:09:37.355+06:00</atom:updated><title>CSS: How to Structure an External CSS Document</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="first-para" style="text-align: justify;"&gt;External style sheets are essentially the same thing as  embedded style sheets; the key difference is that no markup exists in a CSS  file. When you create an external, independent CSS document, it must be created  using the &lt;span class="fixed"&gt;.css&lt;/span&gt; file extension.&lt;/div&gt;&lt;div class="para" style="text-align: justify;"&gt;An external CSS document may contain nothing but CSS rules or  comments. A CSS document cannot contain any markup; see how this is done in the  following Try It Out.&lt;/div&gt;&lt;div class="example" style="text-align: justify;"&gt;&lt;span class="example-title"&gt;Try It Out-Linking to an External  Style Sheet&lt;/span&gt;&lt;/div&gt;&lt;div class="example"&gt;&lt;div style="text-align: justify;"&gt;&lt;i class="emphasis"&gt;Example 2-9&lt;/i&gt;. To link to an external  style sheet, follow these steps.&lt;/div&gt;&lt;div class="formalbody"&gt;  &lt;ol class="orderedlist"&gt;&lt;li class="first-listitem"&gt; &lt;div class="first-para" style="text-align: justify;"&gt;Enter the following XHTML document:&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;a href="http://1.bp.blogspot.com/-R4mk4o0VHpM/TxdtEt_uyWI/AAAAAAAAB38/dye4Lr0fFjU/s1600/css_extarnel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="143" src="http://1.bp.blogspot.com/-R4mk4o0VHpM/TxdtEt_uyWI/AAAAAAAAB38/dye4Lr0fFjU/s320/css_extarnel.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="first-para"&gt;&lt;/div&gt;&lt;ol class="orderedlist"&gt;&lt;li class="listitem"&gt; &lt;div class="first-para" style="text-align: justify;"&gt;Save the XHTML document as &lt;span class="fixed"&gt;Example_2-9.html&lt;/span&gt;.&lt;/div&gt;&lt;/li&gt;
&lt;li class="listitem"&gt; &lt;div class="first-para" style="text-align: justify;"&gt;In a new document, enter the following CSS:&lt;/div&gt;&lt;div class="informalexample"&gt;&lt;pre class="programlisting"&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;span style="background-color: silver;"&gt;&lt;div style="text-align: justify;"&gt;h1, h2, h3, h4, h5, h6 {&lt;/div&gt;&lt;span style="color: black;"&gt;&lt;div style="text-align: justify;"&gt;    font-family: sans-serif;&lt;/div&gt;color: maroon;
&lt;div style="text-align: justify;"&gt;1px solid rgb(200, 200, 200);
}&lt;/div&gt;border-bottom:
&lt;div style="text-align: justify;"&gt; &lt;/div&gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li class="listitem"&gt; &lt;div class="first-para" style="text-align: justify;"&gt;Save the CSS as &lt;span class="fixed"&gt;stylesheet.css&lt;/span&gt; in  the same folder that &lt;span class="fixed"&gt;Example_2-9.html&lt;/span&gt; was saved in.&lt;/div&gt;&lt;/li&gt;
&lt;li class="listitem"&gt; &lt;div class="first-para" style="text-align: justify;"&gt;Load up the document in a browser. You should see output  that looks like Figure 2-6.&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div class="para" style="text-align: justify;"&gt;&lt;b class="bold"&gt;How It Works&lt;/b&gt; &lt;/div&gt;&lt;div class="last-para" style="text-align: justify;"&gt;The embedded style sheet between the &lt;span class="fixed"&gt;&lt;style&gt;
... 
&lt;/style&gt;&lt;/span&gt; tags has been replaced with  an external style sheet by placing the rules inside the embedded style sheet  into their own document, saving that document with a &lt;span class="fixed"&gt;.css&lt;/span&gt; file extension, and then linking to the new file by  including the &lt;span class="fixed"&gt;&lt;link&gt;&lt;/link&gt;&lt;/span&gt; element in the XHTML  document. One of the benefits of an external style sheet is that it allows the  same style rules to be applied to as many documents as the author wishes. This  is one of the key benefits of CSS-based design. An external style sheet offers  flexibility to the author that saves both time and resources.&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-7845033119062227920?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/T8gur5A2q_qSZwA3YDlQ24R2Dag/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/T8gur5A2q_qSZwA3YDlQ24R2Dag/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/T8gur5A2q_qSZwA3YDlQ24R2Dag/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/T8gur5A2q_qSZwA3YDlQ24R2Dag/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/RCt_iN1TJoQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/RCt_iN1TJoQ/css-how-to-structure-external-css.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-R4mk4o0VHpM/TxdtEt_uyWI/AAAAAAAAB38/dye4Lr0fFjU/s72-c/css_extarnel.jpg" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/css-how-to-structure-external-css.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-4513413393534673630</guid><pubDate>Tue, 17 Jan 2012 18:20:00 +0000</pubDate><atom:updated>2012-01-18T00:20:28.909+06:00</atom:updated><title>Time management</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-zrQGwDNOazQ/TxW7zvWU1qI/AAAAAAAAB30/ufloAzCYmQw/s1600/shafeen_shahana_restaurant.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="240" src="http://1.bp.blogspot.com/-zrQGwDNOazQ/TxW7zvWU1qI/AAAAAAAAB30/ufloAzCYmQw/s320/shafeen_shahana_restaurant.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Shafeen and me&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;&lt;span style="background-attachment: initial; background-clip: initial; background-color: #f5f4f1; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 8.5pt; line-height: 115%;"&gt;Don’t know, when I will ever get enough time for everything, may be after my death, in grove. I could never finish my work as I wanted only because of time. Now even I couldn’t complete online work as I wanted because of time. My son is fully depending on me. So, he is my first priority. Then work. So, I had to wait when he (my son) allows me to work. After my son, my husband’s turn comes, though he don’t say directly about giving him time, but he wants so. And I also agree, as a husband, he deserves attention from his wife. So, I make time for him (including cooking or doing other things for him). Then come my turn. After giving full attention to those people, and trying to do everything perfect for them, does any time remains for me? NO. Allah knows when I could ever manage some time for me too.&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-4513413393534673630?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/uiyWi6v1qOjyJnDXhBf1ADSbhSA/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/uiyWi6v1qOjyJnDXhBf1ADSbhSA/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/uiyWi6v1qOjyJnDXhBf1ADSbhSA/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/uiyWi6v1qOjyJnDXhBf1ADSbhSA/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/vXvXw7WbWKQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/vXvXw7WbWKQ/time-management.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-zrQGwDNOazQ/TxW7zvWU1qI/AAAAAAAAB30/ufloAzCYmQw/s72-c/shafeen_shahana_restaurant.jpg" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/time-management.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-775098061889857826.post-6600992971412092032</guid><pubDate>Tue, 17 Jan 2012 07:49:00 +0000</pubDate><atom:updated>2012-01-17T13:49:03.292+06:00</atom:updated><title>CSS: Linking to External Style Sheets</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-2lJitmUEFqM/TxUnpZJMWHI/AAAAAAAAB3s/aPBZjJht1d8/s1600/shafeen_lion_link.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://1.bp.blogspot.com/-2lJitmUEFqM/TxUnpZJMWHI/AAAAAAAAB3s/aPBZjJht1d8/s320/shafeen_lion_link.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span class="b24-bookauthor"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span class="b24-bookauthor"&gt;By Richard York&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;span class="b24-bookauthor"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;span class="b24-bookauthor"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="first-para" style="text-align: justify;"&gt;The authors of CSS recognized that HTML-template creation is  a common need. As such, the W3C body made recommendations that allow external  style sheets to be included in a document from within HTML or XHTML by use of  the &lt;span class="fixed"&gt;&lt;link&gt;&lt;/link&gt;&lt;/span&gt; element or from within a style sheet  itself using the &lt;span class="fixed"&gt;@import&lt;/span&gt; rule. External style sheets  are the preferred method of CSS inclusion in a web document. External style  sheets can be cached by the user’s browser. This frees the user, who no longer  needs to download the web page or website’s style sheet on every page request.  This also ensures that documents load very quickly, which is another feature of  CSS that conserves expensive bandwidth.&lt;/div&gt;&lt;div class="para" style="text-align: justify;"&gt;Here’s a demonstration of the &lt;span class="fixed"&gt;&lt;link&gt;&lt;/link&gt;&lt;/span&gt; element method:&lt;/div&gt;&lt;div class="informalexample"&gt; &lt;div class="widecontent"&gt;&lt;pre class="programlisting"&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;span style="background-color: silver;"&gt;&lt;div style="text-align: justify;"&gt;&lt;link href="/path/to/stylesheet.css" rel="stylesheet" type="text/css"&gt;&lt;/link&gt;&lt;/div&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="para" style="text-align: justify;"&gt;The following attributes are required to use the &lt;span class="fixed"&gt;&lt;link&gt;&lt;/link&gt;&lt;/span&gt; element for linking to a CSS document:&lt;/div&gt;&lt;ul class="itemizedlist"&gt;&lt;li class="first-listitem"&gt; &lt;div class="first-para" style="text-align: justify;"&gt;&lt;span class="fixed"&gt;rel&lt;/span&gt;: Defines the relation between  the external document and the calling document. In this case, the relation is  that the external document is the style sheet for the calling document.&lt;/div&gt;&lt;/li&gt;
&lt;li class="listitem"&gt; &lt;div class="first-para" style="text-align: justify;"&gt;&lt;span class="fixed"&gt;href&lt;/span&gt;: Like the anchor tag, &lt;span class="fixed"&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/span&gt;&lt;a href=""&gt;, &lt;span class="fixed"&gt;href&lt;/span&gt; stands for hyperlink  reference. It accepts an absolute or relative path to the style sheet  document.&lt;/a&gt;&lt;/div&gt;&lt;a href=""&gt; &lt;/a&gt;&lt;/li&gt;
&lt;li class="listitem"&gt;&lt;a href=""&gt; &lt;div class="first-para" style="text-align: justify;"&gt;&lt;span class="fixed"&gt;type&lt;/span&gt;: Refers to the MIME type of  the external file.&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;a href=""&gt; &lt;/a&gt;&lt;div class="para" style="text-align: justify;"&gt;&lt;a href=""&gt;An &lt;i class="emphasis"&gt;absolute&lt;/i&gt; path means the complete path to  the file. For instance, &lt;/a&gt;&lt;a class="url" href="http://www.example.com/" target="_top"&gt;http://www.example.com&lt;/a&gt; is an absolute path. A &lt;i class="emphasis"&gt;relative&lt;/i&gt; path triggers the application to find the document  relative to the requesting document. So if the example file’s URL is &lt;a class="url" href="http://www.example.com/example.html" target="_top"&gt;http://www.example.com/example.html&lt;/a&gt; and the CSS document is  stored in the &lt;i class="emphasis"&gt;stylesheets&lt;/i&gt; directory as &lt;i class="emphasis"&gt;stylesheet.css&lt;/i&gt;, the relative path included in &lt;span class="fixed"&gt;&lt;link&gt;&lt;/link&gt;&lt;/span&gt; is &lt;span class="fixed"&gt;stylesheets/  stylesheet.css&lt;/span&gt; and the absolute path to the document is &lt;a class="url" href="http://www.example.com/stylesheets/stylesheet.css" target="_top"&gt;http://www.example.com/stylesheets/stylesheet.css&lt;/a&gt; or &lt;span class="fixed"&gt;/stylesheets/stylesheet.css&lt;/span&gt;.&lt;/div&gt;&lt;div class="para" style="text-align: justify;"&gt;A style sheet is really easy to set up&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/775098061889857826-6600992971412092032?l=shahanaus.blogspot.com' alt='' /&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/N57Sy4oGjG55rZ9rG1Bdu2gE-Ag/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/N57Sy4oGjG55rZ9rG1Bdu2gE-Ag/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/N57Sy4oGjG55rZ9rG1Bdu2gE-Ag/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/N57Sy4oGjG55rZ9rG1Bdu2gE-Ag/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/Shahanaus/~4/_fk8K0M-0PE" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/Shahanaus/~3/_fk8K0M-0PE/css-linking-to-external-style-sheets.html</link><author>noreply@blogger.com (Shahana)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-2lJitmUEFqM/TxUnpZJMWHI/AAAAAAAAB3s/aPBZjJht1d8/s72-c/shafeen_lion_link.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://shahanaus.blogspot.com/2012/01/css-linking-to-external-style-sheets.html</feedburner:origLink></item></channel></rss>

