width, max-width এবং margin: auto এর ব্যবহার পূর্ববর্তী অধ্যায় এ উল্লেখ করা হয়েছিল যে, block-level এলিমেন্ট সবসময়ই ব্যবহারযোগ্য পূর্ণ প্রসস্থ জায়গা দখল করে (ডানে ও বায়ে যতটা সম্ভব প্রসারিত হয়) block-level এলিমেন্ট এর প্রসস্থতা নির্ধারণ করে দিলে ধারক এর প্রসারিত হওয়া বন্ধ করে দেয়া যেতে পারে। তারপর, আপনি মার্জিন auto হিসেবে সেট করে দিতে …
Tag: লেআউট
Oct 05
সিএসএস লেআউট – ইনলাইন-ব্লক (বাংলায়) (CSS Layout – inline-block in bangla)
ইনলাইন-ব্লক মান এখন অনেক কাল পরে বক্স এর গ্রিড তৈরি সম্ভব যা float প্রোপার্টি ব্যবহার করলে ব্রাউজার এর প্রসস্থতা অনুসারে পূর্ণ এবং সুন্দরভাবে ফিট হয়ে যায় (যখন ব্রাউজার এর আকার পরিবর্তন করা হয়)। display প্রোপার্টি এর inline-block মান এটিকে আরও সহজ করেছে। inline-block এলিমেন্ট inline এলিমেন্ট এর মতই, কিন্তু এদের প্রসস্ততা ও উচ্চতা নির্ধারণ করা …
Apr 01
এইচটিএমএল প্রতিক্রিয়াশীল ওয়েব ডিজাইন (HTML Responsive Web Design)
স্বর্ণা আখতার প্রতিক্রিয়াশীল ওয়েব ডিজাইন এর প্রধান কাজ ই হল আপনার ওয়েব সাইটকে বিভিন্ন ডিভাইস যেমন, মোবাইল বা কম্পিউটার এর লেআউট এর সাথে খাপ খাওয়ানো। এটি আপনার ওয়েব সাইটকে সহজবোধ্য ও সুখপাঠ্য করে গড়ে তোলে। প্রতিক্রিয়াশীল ওয়েব ডিজাইন লেআউট যেভাবে তৈরি করবেন প্রতিক্রিয়াশীল ওয়েব ডিজাইন আপনাকে নিজেই অথবা আপনি কিভাবে ফুটিয়ে তুলবেন সেটার উপর নির্ভর করবে। …
Mar 31
এইচটিএমএল লেআউট (HTML Layout)
Md. Mursedul Islam Sumon Web Designer এইচটিএমএল লেআউট (HTML Layouts) বিভিন্ন ওয়েবসাইটে অনেক সময়ই লক্ষ্য করা যায় যে লিখাগুলো কয়েকটি কলামে বিভক্ত করা থাকে। যেমন, ম্যাগাজিন, নিউজপেপার ইত্যাদি। HTML এ <div> tag এর ব্যবহার করে layout design বা কলামে বিভক্ত করা যায়। div element ব্যবহার করে প্রায় layout করা হয়, কারন div ব্যবহার করলে …
Feb 13
বুটস্ট্র্যাপ ফর্মস (Bootstrap Forms)
বুটস্ট্র্যাপ এর ডিফল্ট সেটিংস বুটস্ট্র্যাপ ফর্মস কন্ট্রোলগুলো স্বয়ংক্রিয়ভাবে কিছু global styling নেয়: সকল Textual .form-control Class এর <input>, <textarea>, এবং <select> এলিমেন্টগুলোর বিস্তার ১০০% বুটস্ট্র্যাপ ফরম লেআউট Bootstrap তিন ধরনের ফর্ম layouts প্রদর্শন করেঃ Vertical form বা উল্লম্ব ফর্ম (এটি ডিফল্ট হিসেবে থাকে) Horizontal form বা আড়াআড়ি ফর্ম Inline form এই সকল ফর্ম layouts এর …