رفتن به مطلب

پرسش در رابطه قالب وبلاگ


پست های پیشنهاد شده

سلام

این قالبمه


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
body {color:#e9e9e9;background-color:#eee;text-align:center;font-family: Tahoma; font-size: 8pt;}
.page{border:solid green;background:#fff;text-align:left;margin:20px auto;width:900px;height:700px;position:relative}
.header{height:170px;background:#2b2b2b;width:900px;position:absolute}
.post{top:171px;right:0px;width:625px;height:700px;background-color:#cfcfcf;font-family: Tahoma; font-size: 8pt;text-align:right;line-height:20px;position:absolute}
.posttitle{top:10px;right:5px;width:600px;height:30px;background-color:#787878;font-family:b titr,Tahoma; font-size: 20pt;padding-right:10px;text-align:right;line-height:23px;position:absolute}
.postcontent{top:50px;right:5px;width:600px;height:300px;background-color:#ffffff;font-family:b mitra,Tahoma ;font-color:#000000; font-size: 26pt;text-align:justify;padding-right:10px;line-height:40px;position:absolute}
.sidebar{top:171px; float: left;width:270px;height:500px;background-color:#f6c911;font-family: Tahoma; font-size: 8pt;text-align:right;line-height:20px;position:absolute}
.footer{top:900px;background:#ff0000;width:900px;position:absolute}
.p{text-align:center;font-family: Tahoma; font-size: 8pt;}
</style>

<body>
<div class="page">
<div class ="header"></div>
<div class ="post">
<div class ="posttitle"> عنوان پست </div>
<div class ="postcontent"> عنوان پست متن اصلی پست
اگه ريشاي يه يهودي بلند باشه ميگن يه مومنه و داره ايمانشو نشون ميده .
اما اگه ريشاي يه مسلمون بلند باشه ميگن يه افراطي و تروريسته .
يه راهبه اگه بخواد خودشو وقف خدا کنه حق داره خودشو از فرق سر تا نوک پا بپوشونه. .
اما اگه يه زن مسلمون بخواد اين کارو بکنه ميگن داره خودشو محدود مي کنه! !
اگه يه زن غربي توي خونه بمونه و مسئوليت مراقبت از خونه و بچه هاشو به عهده بگيره ميگن داره کار خوبي مي کنه و به خاطر فداکاري اي که کرده مورد احترامه. .
!اما اگه يه زن مسلمون بخواد اين کارو بکنه ميگن بايد بريم آزادش کنيم .. اون محدوده !
تو کشوراي غربي هر دختري آزاده که به هر شکلي بره به دانشگاه چون آزادي و حقوقي داره. .
اما اگه يه دختر مسلمون بخواد از حجاب استفاده کنه حق ورود به دانشگاه رو از دست ميده! !!
اگه يه مسيحي يا يهودي کسي رو بکشه اين هيچ ربطي به دين نداره. .
ولي اگه يه مسلمون جنايتي انجام بده اين اسلامه که محاکمه ميشه! !!
اگه مشکلي داشته باشيم دنبال راه حل مي گرديم. ..
اما اگه اين راه حل توي اسلام باشه حاضر نيستيم حتي بهش فکر کنيم! !
... </div></div>
<div class ="sidebar"></div>
<div class ="footer"></div>
</div>


</body>
</html>

چهار تا سوال دارم: اول اینکه رنگ متن تو body خاکستریه به همین خاطر وقتی رنگ متن پست رو سیاه می کنم اعمال نمی شه مگه رنگ متن هر div مقدم نباید بشه بر رنگ body؟

دو) چیکار کنم وقتی متن پست زیاد شد همراه با اون ارتفاع دایو page و post هم زیاد بشه؟

سه) چرا دایو footer رو اصلا نمایش نمی ده؟

چهار) وقتی padding به عنوان پست می دم عرضش هم افزایش پیدا می کنه، راهی هست که اینطوری نشه؟

لینک به ارسال

1- از


color: #000000;

استفاده کنید

2- مقدار height را برابر auto قرار دهید و برای این که مشکلی پیش نیاد از min-height استفاده کنید.

3- چون چیزی داخلش نیست ، برای این که نشان داده شود باید از height استفاده کنید.

4- اینجوری استفاده کنید :


padding: 0px 0px 0px 0px;

0 اول برای بالا ، 0 دوم و آخر برای عرض و 0 سوم برای پایین

لینک به ارسال


font-color:#00000

اشتباهه


color:#00000

جواب دو و سه


.page,.post{
height:auto;
min-height:700px;
}
.footer {
display:block;
height:100px;
}

و چهار padding داخل لایه است و جزو عرض حساب می شه یعنی با مقادیر دستی w و h جمع می شه مقدار های اصلیتون رو از دوبرابر padding کم کنید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...