در مورد واکنشگرا کردن وب سایتم؟

[sajad2852]

سلام دوستان
ازتون ممنون ميشم به سوالم پاسخ فوري بديد
يه پروژه دارم بايد تا پس فردا تحويلش بدم
يه سايت طراحي كردم با نرم افزار dreamviwer كه موضوعش آپلود سنتر هستش
توي لب تاپ خودم كه صفحه نمايش 14.5 اينچ هست صفحه كامل و بدون scorol bar بالا مياد:لبخند:
ولي توي يه سيستم ديگه بايد صفحه رو با scorol bart پيمايش كني:متعجب:
اينم آدرس سايت هستش nahavandi.ugig.ir (http://www.nahavandi.ugig.ir)

از دوستان ماهر توي طراحي وب خواهش ميكنم كه به دادم برسيد و راهنمايي كنيد چيكارش كنم كه توي همه سيستما صفحش
با اندازه صفحه نمايش يكي بشه:ناراحت:

[omidabedi]

اصلا سایتتون وسط نیست

طراحی هم استاندارد نیست حتی به استاندارد نزدیکم نیست و از قوانین grid بندی پیروی نمیکنه

بهمین دلیل نمیشه راه کار استاندارد ارائه داد.

اگر میخواید از css استفاده کنید اینرو توی head بزارید

<style>
div{
margin-right:auto;
margin-left:auto;
}
</style>



اگرم نه میخواید inline style کار کنید به همه ی div ها این خواص رو بدید

margin-right:auto;
margin-left:auto;



شاید مشکلتون حل بشه

اما خب شاید اصلا مشکل از جای دیگه ای باشه معلوم نیست باید چک بشه

[qartalonline]

سایتتون یه صفحه خالی هستش!!

[sajad2852]

نمیدونم یهو سایتم چش شد
آدرس جدیدش:nahavandi.ugig.ir
دوست عزیز متاسفانه هیچ تاثیری نداشت
تورو خدا کمک کنید بد جور گیر کردم:ناراحت:

[sajad2852]

سایتتون یه صفحه خالی هستش!!
سلام
آدرس جدیدش این هستش :www.nahavandi.ugig.ir

[mostafae]

سلام. شما باید عرض سایتتون رو کم کنین که به اندازه یه مانیتور معمولی باشه. و همچنین margin-right و margin-left رو auto قرار بدین که هر وقت سایت رو تو مانیتور لپ تاپتون که کشیده تر از مانیتور دیگه هست باز میکنید وسط قرار بگیره. عرض مانیتور لپ تاپ شما زیاد تر از مانیتور کامپیوتر هست و قالبتون هم واکنش گرا نیست به خاطر همین تو کامپیوتر دیگه به مشکل میخورین.

[qartalonline]

با توجه به سایتی که دیدیم پیشنهادم اینه که از کد زیر استفاده کنید.
body{
overflow-x: hidden;
}

[cancerr]

مشکل از این کلاس بود
Layer4
<div id="Layer4" style="position:absolute; right:1082px; top:23px; width:209px; height:79px; z-index:7; left: 20px;">

right رو بردارید درست میشه .:) یا استایلش رو درست کنید

[ab.ali]

یک container درست کنید و به اون عرض صفحه دلخواه تون رو بدین انشاالله که درست می شه!:لبخندساده:

[sajad2852]

عزیزم این کد که مخصوص اسلاید شوی منه ربطی به اندازه صفحه نداره

[sajad2852]

با توجه به سایتی که دیدیم پیشنهادم اینه که از کد زیر استفاده کنید.
body{
overflow-x: hidden;
}
ممنونم ولی..
خوب با این کد scoroll ها حذف میشن و صفحه رو نمیشه پیمایش کرد و وضعیت خراب تر میشه که

[sajad2852]

سلام. شما باید عرض سایتتون رو کم کنین که به اندازه یه مانیتور معمولی باشه. و همچنین margin-right و margin-left رو auto قرار بدین که هر وقت سایت رو تو مانیتور لپ تاپتون که کشیده تر از مانیتور دیگه هست باز میکنید وسط قرار بگیره. عرض مانیتور لپ تاپ شما زیاد تر از مانیتور کامپیوتر هست و قالبتون هم واکنش گرا نیست به خاطر همین تو کامپیوتر دیگه به مشکل میخورین.






خوب بود و امتحان کردم یکم بهتر شد اما بازم...

[sajad2852]

دوستان لطفا چک کنید سایت رو بببینید درست شد یا خیر

nahavandi.ugig.ir (http://nahavandi.ugig.ir)

[IamOverlord]

نه، وقتی صفحه رو کوچیک می کنیم، سمت راست وب سایت می پره...

[sajad2852]

يعني اينجا يكي بلد نيس مشكل منو حل كنه؟
به قول بعضيا (سانسوريستا) صفحه وبم رو واااااكنشـــــگراااااا كنه؟

[amir-yazdel]

مشکل اینه که قالب طراحی شده از پایه عیب داره و از اصول پیروی نکردید.
به نظرم از نو شروع کنید و یه طرح کلی از سایتتون روی کاغذ بیارید. بعد برای اجزا و عناصر مختلف مکان مناسب و عنصر دیو متناسب رو ایجاد کنید. از روی اون پلان شما بهتر میتونید سایتتون رو طراحی کنید.
در مرحله طراحی هم وقتی کدهای سی اس اس رو می نویسید یکی یکی ویژگی اجزا رو تعریف کنید.
در کل اگه میخواید کارتون سریع راه بیافت یک دیو اصلی تعریف کنید و عرضش رو 100% بدید و اجزای داخل اون رو هم بر همین اساس مقدار دهی کنید یعنی مثلاً منوبارتون 30% باشه. وسط صفحه40% باشه و سمت چپتون هم 30% باشه.
پینشهاد خوبی نیست ولی مسکّن خوبی هست تا بعدا بیشتر کار کنید.

[_mojitaba_]

کلا غلطه نحوه نوشتن کداتون
شما باید 4 قسمت اصلی داشته باشید header footer side1 side2
بعد محتویات هر بخش داخل اون قسمت مربوطه گذاشته بشه
شما باید از اول کد نویسی کنید و منظم هم کد نویسی کنید که موقع کمک خواستن دوستان راحت تر بفهمن مشکلتون کجاس

[mostafae]

اول بیا width کل body رو 980 قرار بده بعد با توجه به عرض 980 عناصر رو توش جا بده.
واکنش گرا نمیشه اما وسط قرار میگیره ...