{"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":"

A three column webpage with CSS positioning<\/p>\n

    
        
<\/div>        
<\/div>        
<\/div>    <\/blockquote><\/pre>\n
The CSS should look like this:<\/p>\n
#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
From: http:\/\/sitestree.com\/?p=4738
 Categories:10
Tags:
 Post Data:2007-06-04 02:45:08<\/p>\n
    Shop Online: <a href='https:\/\/www.ShopForSoul.com\/' target='new' rel=\"noopener\">https:\/\/www.ShopForSoul.com\/<\/a>\n    (Big Data, Cloud, Security, Machine Learning): Courses: <a href='http:\/\/Training.SitesTree.com' target='new' rel=\"noopener\"> http:\/\/Training.SitesTree.com<\/a> \n    In Bengali: <a href='http:\/\/Bangla.SaLearningSchool.com' target='new' rel=\"noopener\">http:\/\/Bangla.SaLearningSchool.com<\/a>\n    <a href='http:\/\/SitesTree.com' target='new' rel=\"noopener\">http:\/\/SitesTree.com<\/a>\n    8112223 Canada Inc.\/JustEtc: <a href='http:\/\/JustEtc.net' target='new' rel=\"noopener\">http:\/\/JustEtc.net (Software\/Web\/Mobile\/Big-Data\/Machine Learning) <\/a>\n    Shop Online: <a href='https:\/\/www.ShopForSoul.com'> https:\/\/www.ShopForSoul.com\/<\/a>\n    Medium: <a href='https:\/\/medium.com\/@SayedAhmedCanada' target='new' rel=\"noopener\"> https:\/\/medium.com\/@SayedAhmedCanada <\/a>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
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; … <\/p>\n
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_memberships_contains_paid_content":false,"footnotes":""},"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 "FromSitesTree.com"","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 – 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 "\u098f \u098f\u09b8 \u09aa\u09bf . \u09a8\u09c7\u099f \u098f\u09ae \u09ad\u09bf \u09b8\u09bf \u0964 ASP.Net MVC"","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":70247,"url":"http:\/\/bangla.sitestree.com\/?p=70247","url_meta":{"origin":70245,"position":2},"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 "FromSitesTree.com"","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":3},"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 "\u09b8\u09bf\u098f\u09b8\u098f\u09b8 CSS"","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":70147,"url":"http:\/\/bangla.sitestree.com\/?p=70147","url_meta":{"origin":70245,"position":4},"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 "FromSitesTree.com"","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":69179,"url":"http:\/\/bangla.sitestree.com\/?p=69179","url_meta":{"origin":70245,"position":5},"title":"IT: Career News, Industry News, Research News #45","author":"Author-Check- Article-or-Video","date":"August 13, 2021","format":false,"excerpt":"IT Career News