পৃষ্ঠার বিন্যাসের নীচের সর্বাধিক অনুভূমিক ব্লকটিকে প্রায়শই "পাদলেখ" হিসাবে উল্লেখ করা হয়। এতে, পৃষ্ঠার অন্যান্য ব্লকের মতো, নকশার উপাদানগুলি স্থাপন করা হয়েছে, তবে অন্যদের মতো নয়, এই নির্দিষ্ট ব্লকের অবস্থানের সাথে প্রায়শই নির্দিষ্ট সমস্যা দেখা দেয়। তারা এই সত্যের সাথে সংযুক্ত রয়েছে যে বিভিন্ন ব্রাউজারগুলি সিএসএস ভাষার মানগুলি আলাদাভাবে বোঝে এবং পাদচরণটি ব্রাউজার উইন্ডোর নীচের প্রান্তে পাওয়া বেশ কঠিন হতে পারে। নীচে এই সমস্যার সমাধানের জন্য কোড দেওয়া আছে।
প্রয়োজনীয়
সিএসএস এবং এইচটিএমএল এর প্রাথমিক জ্ঞান
নির্দেশনা
ধাপ 1
পৃষ্ঠার উত্স কোডের প্রথম লাইনে, এক্সএইচটিএমএল 1.0 ট্রানজিশনাল স্পেসিফিকেশনের একটি রেফারেন্স রাখুন:
ধাপ ২
পৃষ্ঠার কাঠামোর প্রধান ব্লকগুলি নথির বডির ভিতরে রাখুন (এবং ট্যাগগুলির মধ্যে)। মূল বিষয়বস্তুটি যে ব্লকে রাখা হবে তাতে অবশ্যই দুটি নেস্টার্ড স্তর থাকতে হবে। উদাহরণস্বরূপ, বাইরেরটির শনাক্তকারী আউটারডিভ এবং অভ্যন্তরীণ এক - ইনারডিভ:
পৃষ্ঠার মূল সামগ্রীটি এখানেই থাকবে।
তাদের পিছনে একটি শনাক্তকারী সহ একটি পাদচরণ ব্লক রাখুন, উদাহরণস্বরূপ, ফুটারডিভ:
পৃষ্ঠার পাদচরণ।
ধাপ 3
এইচটিএমএল কোডের প্রধান অংশে (এবং ট্যাগগুলির মধ্যে) সিএসএস শৈলীর বিবরণ সহ একটি বাহ্যিক ফাইলে একটি লিঙ্ক স্থাপন করুন:
@ ইমপোর্ট "পাদলেখের স্টাইল.কম";
পদক্ষেপ 4
সম্পূর্ণ মাস্টার পৃষ্ঠা কোডটি এইচটিএমএল এক্সটেনশান সহ কোনও ফাইলে সংরক্ষণ করুন। এটি দেখতে এটির মতো দেখাবে:
পাদলেখ চাপা
@ ইম্পোর্ট "পাদচরণ স্টাইল.কম";
পৃষ্ঠার মূল সামগ্রীটি এখানেই থাকবে।
পৃষ্ঠার পাদচরণ।
পদক্ষেপ 5
একটি স্টাইলশিট ফাইল তৈরি করুন - একটি সাদামাটা পাঠ্য ফাইল যা CSS এক্সটেনশান এবং আপনার এইচটিএমএল কোড (পাদলেখক স্টাট সিএসএস) এ নির্দিষ্ট করা নামের সাহায্যে সংরক্ষণ করা উচিত। এই ফাইলে পৃষ্ঠায় ব্যবহৃত ব্লকগুলির জন্য নিম্নলিখিত স্টাইলের বিবরণটি লিখুন:
* {মার্জিন: 0; প্যাডিং: 0
এইচটিএমএল, বডি {উচ্চতা: 100%;
শরীর {
অবস্থান: আপেক্ষিক;
রঙ: # 222222;
}
# আউটডাইভ {
মার্জিন: 0;
ন্যূনতম উচ্চতা: 100%;
পটভূমি: #aaaaaa;
রঙ: # 222222;
}
* এইচটিএমএল # আউটডাইভ {উচ্চতা: 100%;
# ফুটারডিভ {
অবস্থান: আপেক্ষিক;
স্পষ্ট উভয়;
মার্জিন-শীর্ষ: -60px;
উচ্চতা: 60px;
প্রস্থ: 100%;
পটভূমি রঙ: ডার্ক ব্লু;
পাঠ্য-সারিবদ্ধ: কেন্দ্র;
রঙ: # আইইফ;
}
. IdnerDiv
প্রস্থ: 100%;
ভাসা: বাম;
}
