نمایش نسخه قابل چاپ
با سلام
چطور هدر سایت رو توی یک تابع تعریف کنم که باعث نشه بالای صفحه خالی بشه.
در حالت معمولی مشکلی نیست یعنی قالب درست اجرا می شه اما وقتی برای هدر یه تابع می نویسم و انو فراخوانی میکنم به اندازه چند سانت قالب می یاد پایینتر.
نمی دونم منظورمو خوب رسوندم یا نه. دوستان می شه راهنمایی کنن ؟؟
قبل از <head> هم اگه یه فایل رو requir کنم باز همین مشکل پیش میاد
میتونید تو css هدرتون margin منفی بذارین.
مثلا: margin-top:-10px;
(خودم تست نکردم.)
<body style="margin: 0px">
این کد رو بزن تو CSS :
کد:body {
margin:0 0 0 0;
padding:0 0 0 0;
}
این کارو هم انجام دادم اما برای بعضی مرورگرها هدر ناقص می شهنقل قول:
میتونید تو css هدرتون margin منفی بذارین.
مثلا: margin-top:-10px;
(خودم تست نکردم.)
این کار هم جواب ندادنقل قول:
<body style="margin: 0px">
لینک داشتید بهتر می‌شد راهنمایی داد. (دسترسی به css و... )
اینجوری معلوم نیست تو کدوم قسمت css هست.
پ.ن:البته دیدم تو لوکال کار می‌کنی
سلام؛نقل قول:
نوشته اصلی توسط teztop
ممکنه شما فایل های کدهاتون رو به روش خوبی ذخیره نمی کنید.
اگه از Notepad++ استفاده می کنید گزینه UTF-8 without BOM رو انتخاب کنید.
میتونید برای مرورگر هایی که مشکل دارن استایل خاصی رو بنویسید.نقل قول:
نوشته اصلی توسط teztop
جان!؟؟ این یعنی ....نقل قول:
نوشته اصلی توسط my1zarb
آخه encode چه ربطی به استایل سایت داره....
قبلاً همچنین مشکلی برای خودم به وجود آمده بود.نقل قول:
نوشته اصلی توسط nezar
برای include از کد زیر استفاده کنید ببینید بهتر میشه؟نقل قول:
نوشته اصلی توسط teztop
کد:<?php
include_once "include file";
?>
بله درسته encode باید بشه utf- without BOM
اینو هم امتحان کردم اما نشد.نقل قول:
سلام؛
ممکنه شما فایل های کدهاتون رو به روش خوبی ذخیره نمی کنید.
اگه از Notepad++ استفاده می کنید گزینه UTF-8 without BOM رو انتخاب کنید.
این مشکل وقتی پیش میاد که قبل تگ head یه فایل رو requir می کنم
---------- Post added at 09:33 PM ---------- Previous post was at 09:29 PM ----------
این هم نشدنقل قول:
برای include از کد زیر استفاده کنید ببینید بهتر میشه؟
کد:
<?php
include_once "include file";
?>
برای استایلتون از reset.css جداگانه استفاده می کنید یا داخل همون استایل عمل ریست رو انجام میدین یا کلاً ریست انجام نمیدین؟
منظورتون از ریست چی هست ؟نقل قول:
برای استایلتون از reset.css جداگانه استفاده می کنید یا داخل همون استایل عمل ریست رو انجام میدین یا کلاً ریست انجام نمیدین؟
می شه توضیح بدین ؟
مروگرها یک سری دستورات درونی دارن که همیشه مشکل ساز میشن مثلآ دستور p همون پاراگراف در هر مرورگر ممکن هستش متفاوت باشه یعنی در فایرفاکس 3px باشه در کروم 4px حالا میشه مروگرها رو وادار کرد که در برخورد با چنین دستوراتی رفتاری مشابه همدیگر داشته باشند برای این کار باید به دستورات css مسلط باشین و یک ریست بنویسین ولی یک کد اماده هستش که یک طراح حرفه ای به نام اریک مایر نوشته که میتونی در صفحه زیر اونو از وبلاگش بردارینقل قول:
نوشته اصلی توسط teztop
کد:http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
درود
دوستمون خیلی خوب توضیح دادند.
لازم است اضافه کنم که دستورات ریست عملکرد مرورگرها را در محل قرارگیری آنها یکسان می کند.
بعنوان مثال اگر یک دایو از سمت چپ 40 پیکسل فاصله داشه باشه این 40 پیکسل در مرورگرهای مختلف متفاوت خواهد شد ، چون بعضی از مرورگرها برای خودشون قوانینی درست کردند که با یکدیگر فرق می کنند و برای اینکه ما همه اون قوانین رو به قوانین خودمون تبدیل کنیم باید اول مرورگرها رو با یک فرمت ریست کنیم و به همشون بفهمونیم که چی به چیه ...
ممنون نکات جالب و مفیدی بودند اما مشکل من این نبود. یه چیز دیگه بود.
تصویر رو مشاهده کنید
شما اگر استایلتون رو ریست کنید و مختصات بالای تصویرتون رو با نقطه ی بالایی مرورگرها ست کنید دیگه امکان نداره که تصویرتون فاصله بندازه ....
البته بازم باید کدها رو دید ...
اگه می خواید زودتر به نتیجه برسید، می تونید کد html صفحه ای که مشکل داره رو بفرستید بیاد و یا آدرسش رو اگه میشه بفرستید.نقل قول:
نوشته اصلی توسط teztop
یک نکته دیگر هم هستش کدهای ریست باید قبل از css نویسی قرار داده بشن چون اونجا میشه با تست همه چیز رو حل کرد ولی اگر بعدش این کدها رو بذارین باید از نو یک چکی بکنین
دقیقاً همینطوره - چون تنظیمات بهم میخورند
ریست هم کردم نشد. بزارین یه کم توضیح بدم.
تو صفحه اچ تی ام ال یا پی اچ پی مشکلی نداره. درست نشون میده یعنی بالای صفحه خالی نیست. اما وقتی که قسمت هدر صفحه رو توی یک فانکشن تعریف می کنم و در یک فایل دیگه ذخیره می کنم و پس با include یا requir تو صفحه اصلی فراخوانی می کنم تابعی که برای هدر نوشتم بالای صفحه خالی می شه. یعنی هدر میاد پایین تر از جای قبلی و بالای صفحه خالی می مونه.
تو همه مرورگرها این اتفاق می فته. بعد که با مقدار منفی برای margin صفحه رو می کشم بالاتر تو بعضی مرورگر ها هدر مشکل پیدا می کنه. ناقص می شه.
ویا مثلا وقتی که یک فایل رو فراخوانی می کنم اگر این فراخانی رو قبل بستن تگ head انجام بدم باز این مشکل پیش میاد
میتونید مقدار منفی margin را با استفاده از هک مرورگرها اعمال کنید ، یعنی چندتا margin معرفی بشه که هر کدوم روی مرورگر خاص خودش تاثیر بذاره ...
اگر برای دستورات هک مرورگرها نیاز به توضیح بود بفرمایید.
و من هنوز احتمال می دم ممکنه شما همین مشکل رو داشته باشید.نقل قول:
نوشته اصلی توسط my1zarb
ایشان نه سورس گذاشتن و نه دمو
احتمال هر چیزی میتونه باشه ندیده نمیشه نظر داد
اتفاقا بنده با نظر ايشون موافق هستم ...نقل قول:
نوشته اصلی توسط nezar
بلهنقل قول:
نوشته اصلی توسط my1zarb
ايشون فرمودند در حالا عادي هيچ مشكلي وجود نداره و وقتي قسمت هدر رو داخل يك فايل ديگه ميذارند و اينكلود ميكنند يا در تابع مينويسند اين مشكل پيش مياد. پس قطعا اين مشكل css نيست و احتمالا يا مشكل charset هست كه به علت كاراكتر اضافي خروجي يا اشتباه در نوشتن تابع هدر اين مشكل پيش مياد
charset- فايلي رو كه هدر در اون قرار داره بررسي كنيد
- دقت كنيد كه بعد از پايان يافت تگ <? در انتهاي فايل هاي include شده كاراكتر اضافي حتي اسپيس نداشته باشيم
البته كاراكتر اضافي نبايد خيلي در نوع تفسير كد در مرورگر موثر باشه ولي فعلا تنها گزينه ممكن هست !