{"id":70245,"date":"2021-08-30T04:10:04","date_gmt":"2021-08-30T08:10:04","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/recent-posts\/table-less-design-layouts-with-css-10\/"},"modified":"2021-08-30T04:10:04","modified_gmt":"2021-08-30T08:10:04","slug":"table-less-design-layouts-with-css-10","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=70245","title":{"rendered":"Table Less Design: Layouts with CSS #10"},"content":{"rendered":"<p>A three column webpage with CSS positioning<\/p>\n<pre>    <blockquote>        <div id=\"leftnavigation\"><\/div>        <div id=\"rightnavigation\"><\/div>        <div id=\"content\"><\/div>    <\/blockquote><\/pre>\n<p>The CSS should look like this:<\/p>\n<pre><blockquote>#leftnavigation {  position : absolute;  left : 0;  width : 150px;  margin-left : 10px;  margin-top : 20px;  color : #000000;  padding : 3px;}#rightnavigation {  position : absolute;  left : 80%;  top : 20px;  width : 140px;  padding-left : 10px;  z-index : 3;  color : #000000;  padding : 3px;} #content {  top : 0px;  margin : 0px 25% 0 165px;  padding : 3px;  color : #000000;} <\/blockquote>----------<\/pre>\n<p>From: http:\/\/sitestree.com\/?p=4738<br \/> Categories:10<br \/>Tags:<br \/> Post Data:2007-06-04 02:45:08<\/p>\n<pre><code>    Shop Online: &lt;a href='https:\/\/www.ShopForSoul.com\/' target='new' rel=\"noopener\"&gt;https:\/\/www.ShopForSoul.com\/&lt;\/a&gt;\n    (Big Data, Cloud, Security, Machine Learning): Courses: &lt;a href='http:\/\/Training.SitesTree.com' target='new' rel=\"noopener\"&gt; http:\/\/Training.SitesTree.com&lt;\/a&gt; \n    In Bengali: &lt;a href='http:\/\/Bangla.SaLearningSchool.com' target='new' rel=\"noopener\"&gt;http:\/\/Bangla.SaLearningSchool.com&lt;\/a&gt;\n    &lt;a href='http:\/\/SitesTree.com' target='new' rel=\"noopener\"&gt;http:\/\/SitesTree.com&lt;\/a&gt;\n    8112223 Canada Inc.\/JustEtc: &lt;a href='http:\/\/JustEtc.net' target='new' rel=\"noopener\"&gt;http:\/\/JustEtc.net (Software\/Web\/Mobile\/Big-Data\/Machine Learning) &lt;\/a&gt;\n    Shop Online: &lt;a href='https:\/\/www.ShopForSoul.com'&gt; https:\/\/www.ShopForSoul.com\/&lt;\/a&gt;\n    Medium: &lt;a href='https:\/\/medium.com\/@SayedAhmedCanada' target='new' rel=\"noopener\"&gt; https:\/\/medium.com\/@SayedAhmedCanada &lt;\/a&gt;\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>A three column webpage with CSS positioning The CSS should look like this: #leftnavigation { position : absolute; left : 0; width : 150px; margin-left : 10px; margin-top : 20px; color : #000000; padding : 3px;}#rightnavigation { position : absolute; left : 80%; top : 20px; width : 140px; padding-left : 10px; z-index : 3; &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/bangla.sitestree.com\/?p=70245\">Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1917],"tags":[],"class_list":["post-70245","post","type-post","status-publish","format-standard","hentry","category-fromsitestree-com","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":70225,"url":"http:\/\/bangla.sitestree.com\/?p=70225","url_meta":{"origin":70245,"position":0},"title":"Layouts with CSS: Layout without tables #10","author":"Author-Check- Article-or-Video","date":"August 29, 2021","format":false,"excerpt":"Two column webpage layout with CSS create twocol.css. Then, add the following code to the file: div#topBanner { text-align: center; padding-bottom: 10px; }div#bodyLeft { position: absolute; width: 25%; }div#bodyRight { margin: 5px 25px 25px 225px; width: 75%; }Your two column webpage will look like Page TitleAdd menu items hereAdd your\u2026","rel":"","context":"In &quot;FromSitesTree.com&quot;","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6340,"url":"http:\/\/bangla.sitestree.com\/?p=6340","url_meta":{"origin":70245,"position":1},"title":"\u098f\u098f\u09b8\u09aa\u09bf \u09a1\u099f \u09a8\u09c7\u099f \u098f\u09ae\u09ad\u09bf\u09b8\u09bf-\u09b8\u09cd\u099f\u09be\u0987\u09b2\u09b8 \u0985\u09cd\u09af\u09be\u09a8\u09cd\u09a1 \u09b2\u09c7\u0986\u0989\u099f (ASP.NET MVC &#8211; Styles and Layout)","author":"Author-Check- Article-or-Video","date":"February 19, 2015","format":false,"excerpt":"\u098f\u098f\u09b8\u09aa\u09bf \u09a1\u099f \u09a8\u09c7\u099f \u098f\u09ae\u09ad\u09bf\u09b8\u09bf-\u09b8\u09cd\u099f\u09be\u0987\u09b2\u09b8 \u0985\u09cd\u09af\u09be\u09a8\u09cd\u09a1 \u09b2\u09c7\u0986\u0989\u099f (ASP.NET MVC - Styles and Layout) \u09b2\u09c7\u0996\u09be\u0983 \u09ae\u09c0\u09b0 \u09a4\u09be\u0989\u09b9\u09c0\u09a6\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae \u0964 \u0993\u09df\u09c7\u09ac \u09a1\u09c7\u09ad\u09c7\u09b2\u09aa\u09be\u09b0, \u0993\u09a1\u09c7\u09b8\u09cd\u0995 \u0995\u09c7\u09ae\u09a8 \u0986\u099b\u09c7\u09a8 \u09b8\u09ac\u09be\u0987? \u0985\u09a8\u09c7\u0995\u09a6\u09bf\u09a8 \u09aa\u09b0 \u0986\u09ac\u09be\u09b0 \u0986\u09aa\u09a8\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09a6\u09c7\u0996\u09be \u0964 \u0986\u099c \u0986\u09ae\u09bf \u0986\u09aa\u09a8\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09ac\u09cb \u098f\u098f\u09b8\u09aa\u09bf \u09a1\u099f \u09a8\u09c7\u099f \u098f\u09ae\u09ad\u09bf\u09b8\u09bf-\u09b8\u09cd\u099f\u09be\u0987\u09b2\u09b8 \u0985\u09cd\u09af\u09be\u09a8\u09cd\u09a1 \u09b2\u09c7\u0986\u0989\u099f \u09a8\u09bf\u09df\u09c7\u0964 \u098f\u098f\u09b8\u09aa\u09bf \u09a1\u099f \u09a8\u09c7\u099f \u098f\u09ae\u09ad\u09bf\u09b8\u09bf (ASP.NET MVC) \u09b6\u09bf\u0996\u09a4\u09c7,\u0986\u09ae\u09b0\u09be\u2026","rel":"","context":"In &quot;\u098f \u098f\u09b8 \u09aa\u09bf . \u09a8\u09c7\u099f \u098f\u09ae \u09ad\u09bf \u09b8\u09bf \u0964 ASP.Net MVC&quot;","block_context":{"text":"\u098f \u098f\u09b8 \u09aa\u09bf . \u09a8\u09c7\u099f \u098f\u09ae \u09ad\u09bf \u09b8\u09bf \u0964 ASP.Net MVC","link":"http:\/\/bangla.sitestree.com\/?cat=180"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":70199,"url":"http:\/\/bangla.sitestree.com\/?p=70199","url_meta":{"origin":70245,"position":2},"title":"Home Automation Products #111","author":"Author-Check- Article-or-Video","date":"August 29, 2021","format":false,"excerpt":"Home Automation Products <h2>Electrical Power Line Based Products<\/h2> <p> X10 is the most reputable company in manufacturing power line based home automation products. Their products range from lighting control, temperature control to home security system. They also manufacture different kind of sensors for home, building, and industry automation. For a\u2026","rel":"","context":"In &quot;FromSitesTree.com&quot;","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":70147,"url":"http:\/\/bangla.sitestree.com\/?p=70147","url_meta":{"origin":70245,"position":3},"title":"Random Notes on JavaScript\/HTML #13","author":"Author-Check- Article-or-Video","date":"August 27, 2021","format":false,"excerpt":"This short-note will make sense, only if you already have some javascript sense. It can be used - just to refresh memory, once in a while. My JavaScript Experience? started on 2000, conducted a JavaScript Training Session on 2001, wrote a book for a training institute on JavaScript on 2001,\u2026","rel":"","context":"In &quot;FromSitesTree.com&quot;","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":7978,"url":"http:\/\/bangla.sitestree.com\/?p=7978","url_meta":{"origin":70245,"position":4},"title":"CSS \u098f\u09b0 \u09ac\u09cd\u09af\u09be\u09b8\u09bf\u0995 \u09a7\u09be\u09b0\u09a8\u09be \u0964 Introduction to CSS","author":"Author-Check- Article-or-Video","date":"March 29, 2015","format":false,"excerpt":"\u09b2\u09c7\u0996\u0995\u0983 \u09ae\u09cb\u09b8\u09cd\u09a4\u09be\u09ab\u09bf\u099c\u09c1\u09b0 \u09ab\u09bf\u09b0\u09cb\u099c \u0964 \u09a4\u09be\u0987 \u0993\u09df\u09c7\u09ac\u09a1\u09bf\u099c\u09be\u0987\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af CSS \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u0985\u09a8\u09c7\u0995 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c1\u09b0\u09cd\u09a3 \u0964 \u0986\u099c \u0986\u09aa\u09a8\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u0993\u09df\u09c7\u09ac\u09a1\u09bf\u099c\u09be\u0987\u09a8\u09c7\u09b0 \u0985\u09a8\u09c7\u0995 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c1\u09b0\u09cd\u09a3 \u09ad\u09be\u09b7\u09be CSS \u09a8\u09bf\u09df\u09c7 \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09ac\u09cb \u0964 CSS \u0995\u09bf? CSS \u0995\u09bf \u09ac\u09b2\u09be\u09b0 \u0986\u0997\u09c7 \u09ac\u09b2\u09c7 \u09a8\u09c7\u0987 CSS \u09b6\u09bf\u0996\u09a4\u09c7 \u0997\u09c7\u09b2\u09c7 \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u0986\u0997\u09c7 \u0995\u09bf \u0995\u09bf \u099c\u09be\u09a8\u09a4\u09c7 \u09b9\u09ac\u09c7 \u0964 CSS \u09b6\u09bf\u0996\u09a4\u09c7 \u0997\u09c7\u09b2\u09c7 \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u0985\u09ac\u09b6\u09cd\u09af\u0987 HTML \u0985\u09a5\u09ac\u09be XHTML\u2026","rel":"","context":"In &quot;\u09b8\u09bf\u098f\u09b8\u098f\u09b8 CSS&quot;","block_context":{"text":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 CSS","link":"http:\/\/bangla.sitestree.com\/?cat=493"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":70247,"url":"http:\/\/bangla.sitestree.com\/?p=70247","url_meta":{"origin":70245,"position":5},"title":"Web page design standards #10","author":"Author-Check- Article-or-Video","date":"August 30, 2021","format":false,"excerpt":"Try to follow the following rules while creating a web-page. 1. Decide what you want to use HTML or XHTML. Better to go with XHTML. Which XHTML? Strict or transitional? Go for strict one, that way you will be in the most standard way.2. If you are new into XHTML\u2026","rel":"","context":"In &quot;FromSitesTree.com&quot;","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/70245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=70245"}],"version-history":[{"count":0,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/70245\/revisions"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=70245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=70245"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=70245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}