زمان کنونی: ۱۳-۲-۱۴۰۳, ۱۰:۰۷ صبح درود مهمان گرامی! (ورودثبت نام)


ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
قرار گرفتن دايو در وسط صفجه
۳۱-۱-۱۳۹۳, ۰۸:۲۹ عصر
ارسال: #1
قرار گرفتن دايو در وسط صفجه
با سلام يك دايو در قالبم طراحي كردم كه پوزيشنش فيكس هستش
ولي مشكلي كه دارم وقتي صفجه را كوچك يا بزرگ مي كنيم به يك طرف تمايل پيدا مي كنه
من مي خوام در همان موقعيت كه قرار گرفته بصورت ثابت كوچك و بزرگ بشه ..
متاسفانه هر كاري كردم نشد...اگر دوستان راهنمايي كنند ممنون مي شم
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۳۱-۱-۱۳۹۳, ۰۹:۱۳ عصر
ارسال: #2
RE: قرار گرفتن دايو در وسط صفجه
سلام.

از کد margin: 0px auto ; استفاده کنید تا خودکار تنظیم شود وسط.

مثال:

<div style="width:940px;margin:0 auto;">
you site codes
</div>

#main
{width:1000px ;height:auto ;margin: 0px auto ;}


موفق باشید
امضاء vahid.exe
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
- دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
- دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط Reza Ganji ، hsmtech ، milad0098
۱-۲-۱۳۹۳, ۰۲:۵۶ صبح
ارسال: #3
RE: قرار گرفتن دايو در وسط صفجه
دوست گرامی!
پیشنهاد می کنم در ابتدا خاصیت width و height رو به صورت درصد تعیین کنید تا به صورت واکنش گرا (Responsive) توانایی آفست کردن محل div رو داشته باشید.
به عنوان مثال اگر height برابر با 40% باشه، فضای باقیمانده که 60% هست، نیمی در بالا و نیمی در پایین مصرف میشه، به عبارتی در هر سمت 30%.
جهت روشن شدن شدن مطلب و دیدن مثال، این دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
رو مشاهده کنید.

در صورتی که از CSS3 استفاده می کنید، با بهره گیری از media@ و ترکیب اون با تکنیک قبلی نتیجه کامل تری به دست میاد. برای مشاهده مثال هم می تویند این دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
رو مشاهده کنید.
امضاء hsmtech
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط vahid.exe ، Reza Ganji ، milad0098
ارسال پاسخ 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان