width, max-width এবং margin: auto এর ব্যবহার পূর্ববর্তী অধ্যায় এ উল্লেখ করা হয়েছিল যে, block-level এলিমেন্ট সবসময়ই ব্যবহারযোগ্য পূর্ণ প্রসস্থ জায়গা দখল করে (ডানে ও বায়ে যতটা সম্ভব প্রসারিত হয়) block-level এলিমেন্ট এর প্রসস্থতা নির্ধারণ করে দিলে ধারক এর প্রসারিত হওয়া বন্ধ করে দেয়া যেতে পারে। তারপর, আপনি মার্জিন auto হিসেবে সেট করে দিতে …
Tag: Layout
Oct 05
সিএসএস লেআউট – ইনলাইন-ব্লক (বাংলায়) (CSS Layout – inline-block in bangla)
ইনলাইন-ব্লক মান এখন অনেক কাল পরে বক্স এর গ্রিড তৈরি সম্ভব যা float প্রোপার্টি ব্যবহার করলে ব্রাউজার এর প্রসস্থতা অনুসারে পূর্ণ এবং সুন্দরভাবে ফিট হয়ে যায় (যখন ব্রাউজার এর আকার পরিবর্তন করা হয়)। display প্রোপার্টি এর inline-block মান এটিকে আরও সহজ করেছে। inline-block এলিমেন্ট inline এলিমেন্ট এর মতই, কিন্তু এদের প্রসস্ততা ও উচ্চতা নির্ধারণ করা …
Mar 31
এইচটিএমএল লেআউট (HTML Layout)
Md. Mursedul Islam Sumon Web Designer এইচটিএমএল লেআউট (HTML Layouts) বিভিন্ন ওয়েবসাইটে অনেক সময়ই লক্ষ্য করা যায় যে লিখাগুলো কয়েকটি কলামে বিভক্ত করা থাকে। যেমন, ম্যাগাজিন, নিউজপেপার ইত্যাদি। HTML এ <div> tag এর ব্যবহার করে layout design বা কলামে বিভক্ত করা যায়। div element ব্যবহার করে প্রায় layout করা হয়, কারন div ব্যবহার করলে …
Feb 14
Bootstrap Case: একাধিক কলাম এর বিন্যাস (Multicolumn Layout)
একাধিক কলাম এর বিন্যাস Bootstrap ব্যবহার করে সহজেই multicolumn layout তৈরি করা যায় । Bootstrap একটি প্রতিক্রিয়াশীল এবং mobile-first 12-column grid system দিয়ে থাকে। বিভিন্ন স্ক্রীন সাইজে কলাম গুলো নিজেদের মধ্যে পুনরায় সজ্জিত হয়। Grid এর লিছু নিয়মাবলিঃ একটি ধারক দিয়ে শুরু করুন । <div class=”row”> দ্বারা এর মধ্যে সারি তৈরি করুন। দ্রুত Grid column …
