কীভাবে পৃষ্ঠার পাদলেখ অংশ তৈরি করবেন ("পাদলেখ") উইন্ডোর নীচের সীমানায় আটকে - এটি সম্ভবত সাইটের পৃষ্ঠাগুলির বিন্যাসের মধ্যে সবচেয়ে সাধারণ সমস্যা। অবশ্যই রয়েছে সমাধানগুলি এবং সেগুলির বেশ কয়েকটি রয়েছে। নীচের বিষয়বস্তুর পরিমাণ এবং ব্রাউজারের ধরণের কথা বিবেচনা না করেই পাদদেশের নীচের অংশে সর্বদা চাপ দেওয়া হয় তা নিশ্চিত করার একটি উপায় রয়েছে।
এটা জরুরি
সিএসএস এবং এইচটিএমএল এর প্রাথমিক জ্ঞান
নির্দেশনা
ধাপ 1
আসুন উদাহরণস্বরূপ আরও সাধারণ পৃষ্ঠাগুলি স্কিমগুলির একটি নেওয়া যাক - এতে একটি অ্যাটিক (শিরোলেখ), প্রধান ব্লক এবং পাদচরণ থাকবে। অবশ্যই, যদি প্রয়োজন হয় তবে আপনি প্রধান ব্লকে বেশ কয়েকটি কলাম রাখতে পারেন, তবে আমরা এখানে এটি করব না, আমরা কেবল পাদলেখকে অবস্থান না করার দিকে মনোনিবেশ করব the পৃষ্ঠার এইচটিএমএল কোডটি স্পেসিফিকেশন ঘোষণার সাথে শুরু করবে:
ট্যাগগুলির মধ্যে এবং পৃষ্ঠার শিরোনামের পাশাপাশি আমরা এনকোডিংয়ের একটি ইঙ্গিত দেব: পাশাপাশি শৈলীর বিবরণ সম্বলিত একটি বাহ্যিক সিএসএস ফাইলের লিঙ্ক: @ আমদানি "স্টাইলস সিএসএস"; আমরা এটি স্থাপন করব না নবম সংস্করণটির অপেরা ব্রাউজারের সাথে জটিলতা এড়াতে সরাসরি পৃষ্ঠার এইচটিএমএল-কোডে শৈলীর বর্ণনা। ট্যাগগুলির মধ্যে এবং পৃষ্ঠার ব্লক কাঠামোটি রাখুন। প্রথমটি অবশ্যই শিরোনাম ব্লক। এই নির্দিষ্ট ব্লকের জন্য শৈলী সেট করতে সক্ষম হবার জন্য আমরা এটি শিরোনাম শনাক্তকারী দেব:
এই শিরোনামটি সবসময় উইন্ডোর শীর্ষে থাকে।
তারপরে - পৃষ্ঠার প্রধান ব্লক। এটিতে দুটি নেস্টেড থাকবে - বহিরাগত (শনাক্তকারী - বহিরাগত) এবং অভ্যন্তরীণ (শনাক্তকারী - বহির্মুখ):
এটি প্রধান অংশ।
এবং অবশেষে, পাদচরণ:
এটি পাদদেশ - সর্বদা উইন্ডোর নীচে!
সম্পূর্ণ পৃষ্ঠাটি এটির মতো দেখাবে:
পাদলেখায় কীভাবে চাপবেন
@ ইমপোর্ট "স্টাইলস সিএসএস";
এই শিরোনামটি সবসময় উইন্ডোর শীর্ষে থাকে।
এটি প্রধান অংশ।
এটি পাদদেশ - সর্বদা উইন্ডোর নীচে!
ধাপ ২
এবার স্টাইলশিটের বিষয়বস্তুতে এগিয়ে যাওয়া যাক। এটি নিম্নলিখিত স্কিমটি বাস্তবায়ন করে: প্রধান পৃষ্ঠা ব্লকটি 100% উচ্চতায় সেট করা হবে, শিরোনামটি একেবারে অবস্থানযুক্ত হবে এবং পাদলেখ তুলনামূলকভাবে হবে। পৃষ্ঠার মূল সামগ্রীটি ওভারল্যাপিং থেকে শিরোনামকে প্রতিরোধ করতে, এই প্রধান সামগ্রীটি প্রধান বাক্সের মধ্যে একটি অতিরিক্ত বাক্সে স্থাপন করা হয়েছে এবং এই অতিরিক্ত বাক্সটি শিরোনাম বাক্সের উচ্চতার সমান শীর্ষ প্রান্তে সেট করা আছে set এবং পাদচরণটিকে তার উচ্চতার সমান নেতিবাচক শীর্ষস্থানীয় মার্জিন দেওয়া হয় - এইভাবে এটি উইন্ডোটির নীচের প্রান্তের উপরে সম্পূর্ণ উচ্চতায় উঠানো হবে। সিএসএস ফাইলের সম্পূর্ণ সামগ্রী: * {মার্জিন: 0; প্যাডিং: 0
এইচটিএমএল, বডি {উচ্চতা: 100%;} বডি {
রঙ কালো;
অবস্থান: আপেক্ষিক;
}
টুইটার
ন্যূনতম উচ্চতা: 100%;
মার্জিন: 0;
পটভূমি: সাদা;
রঙ কালো;
} * এইচটিএমএল # উচ্চতর {উচ্চতা: 100%;
# শিরোনাম {
অবস্থান: পরম;
শীর্ষ: 0;
বাম: 0;
প্রস্থ: 100%;
উচ্চতা: 70px;
পটভূমি: # 304a00;
ওভারফ্লো গোপন;
সাদা রং;
পাঠ্য-সারিবদ্ধ: কেন্দ্র;
f # ফুটার {
অবস্থান: আপেক্ষিক;
মার্জিন-শীর্ষ: -50px;
স্পষ্ট উভয়;
প্রস্থ: 100%;
উচ্চতা: 50px;
পটভূমি-রঙ: # 304a00;
সাদা রং;
পাঠ্য-সারিবদ্ধ: কেন্দ্র;
}
.outerwrap {
ভাসা: বাম;
প্রস্থ: 100%;
প্যাডিং শীর্ষ: 71 পিএক্স;
} এই ফাইলটি সেই পৃষ্ঠার এইচটিএমএল-কোডে উল্লেখ করা হয়েছে এমন নাম দিয়ে সংরক্ষণ করা উচিত - স্টাইলস সিএসএস।
