مشکل در کد نویسی صحیح قالب (حل شد.)
با سلام و درود خدمت دوستان گرامی من از یک مجموعه ی آموزشی در قالب DVD استفاده میکنم و در کد نویسی یکسری مشکل به وجود اومده برام خیلی تلاش کردم برطرفشون کنم ولی از سطح دانشم خارج هستند.
اين لينک قالبي که من طراحي کردم:(لطفا اگر قالب رو دانلود می کنید فقط برای کمک به من باشه و استفاده ی دیگری ازش نشه)
http://uplod.ir/ooxmkjs3x4ea/teamplate.zip.htm
(من از مرورگر فایرفاکس استفاده میکنم)
1- توی index.html بخش تبلیغات متنی افتاده روی تبلیغات بنری این اتفاق وقتی می افته که بخش (آخرین اخبار سایت) کوتاه باشه. ولی من نمیخواهم اینطور باشه.
2-من div هایی من clcenter و clleft رو با margin از گوشه ی (سمت راست) فاصله دادن درصورتی که توی فیلم آموزشی از div کناری با margin فاصله میداد مثلا clcentr از clright بیست پیکسل فاصله داشته باشه ولی من از کنار چندصد پیکسل فاصله دادم چون نمی تونستم مثل آموزش انجام بدم و کد کار نمیکرد و div ها زیر هم می رفتند.
این تصویر قالبی که من ساختم با کلی فاصله:
این تصویر قالب طراحی شده توسط مدرس:
3-توی مرورگر IE بخش خبرنامه ی سایت خیلی طولانی میشه (من نسخه ی 11 دارم).
https://ul.uncox.com/qa-image/5e225132c2d2424906860351083cc25a.jpg
ممنون
کدهاتون خیلی بد و درهم هست! بعضی جاها هم اصلا استاندارد کدنویسی رعایت نشده.
اما مشکلات رو پیدا کردم:
1. توی کدهای کلاس clleft خاصیت Position اضافه هست. پس این بخش رو از کلاس clleft حذف کنید:
position: absolute;
2. این بخاطر این هست که کلاس clcenter رو سمت راست float نکردید برای همین عرضش با clright نمیشه. پس این کد رو به خاصیت های clcenter اضافه کنید و بعدش margin اون رو کم کنید. مثلا 20px:
float: right;
margin: 0 20px 0 0;
حالا margin کلاس clleft رو هم درست کنید. مثلا 30px:
margin: 0 30px 0 0;
3. توی IE یه مشکلی توی کدهای اسلایدر هست که مشکل رو برای Chrome هم درست کرده. توی آیدی slider این استایل رو استفاده کنید که height اسلایدر رو الکی کم نکنه:
height: 150px !important;
4. یه مشکلی هم توی بلاک آخرین اخبار هست. این بخش کد کلاس postbox رو حذف کنید:
height: 184px;
تقریبا تمام مشکلها حل شد. برید کدهاتون رو استاندارد کنید. بقیه چیزا تقریبا درسته.
خیلی خیلی ممنون آقا مهدی. این تقریبا اولین قالبی هست که دارم کد نویسی می کنم. ببخشید ولی مورد 3 رو متوجه نشدم آیدی slider توی کدوم فایل و کدوم خط است؟
یه مشکل دیگه دارم اونم اینه که فونت ها به صورت اتوماتیک از اون font-face که تعریف کردم استفاده نمی کنند و برای هر کدوم باید دوباره دستور فونت رو بنویسم مثلا توی single.html اون دکمه های "مطالب مرتبط" از font-face استفاده نکردند و فونتشون BYekan نیست
خط 96 کدهای HTML رو میگم.
توی فایرفاکس و کروم امتحان کردم مشکلی نداشت:
علتش هم کد زیر در سی اس اس body هست:
font: 13px BYekan
خب من کد font: 13px BYekan رو در body نوشتم تا به کل صفحه اعمال بشه ولی این اتفاق نمی افته چرا؟
راستی وقتی میخواهیم نظر بفرستیم با ارور Forbidden Request مواجه میشم به مدیریت اطلاع بدید.
الان این تصویر رو ببینید. چرا فونت های این دو دکمه با هم برابر نیست؟
در صورتی که شما قبلا برای یک المنت یک اندازه فونت مشخص کرده باشید و در تگ body هم همینکار رو بکنید ، المنت شما اندازه ای که به خودش داده شده رو میخونه و برای اینکه اندازه فونت همه المنت هارو یکی کنید میتونید در css به صورت زیر عمل کنید :
*{
font-size: 20pt !important;
}
و یا اگر برای یک المنت در 2 جا خاصیتی را تعریف کردید با استفاده از !important میتونید خاصیتی که مد نظرتون هست رو اعمال کنید .
ممنون
میشه در مورد !important بیشتر توضیح بدید. چه کاربرد هایی داره و در کجاها استفاده میشه؟
در CSS اگر بخواهیم کل قالب از important استفاده کنه ولی مثلا 1 یا 2 مورد استثنا بشه باید چه کار کنیم؟
پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .
