استفاده از % برای اندازه

[masoud_ra 10]

سلام دوستان.

الان من 4 تا ماژول تو یه ردیف دارم.

طول body هم روی 100% قرار داره.

می خوام این 4 تا ماژول هم به طور مساوی توی این 100% قرار بگیرند و این ردیف بهم نخوره.

چجوریه ؟

باید با فرمول محاسبه شه؟

میشه کمکم کنید.

[clik8000 16]

خوب واسه هر دایوت 25 درصد قرار بده ضمنا واسشون float:right هم بده

[masoud_ra 10]

خوب واسه هر دایوت 25 درصد قرار بده ضمنا واسشون float:right هم بده

وقتی 4 تاش روی 25% قرار میگیره ی*** میره ردیفه پایین 3 تاش میمونن.

[clik8000 16]

برای یادگیر از این تایپینگ میتونی استفاده کنی

هدیه نوروز93 آموزش اصول طراحی قالب Responsive

[Vahid Taheri 74]

مقدار margin ها رو باید به درصد وارد کنید و از عرض هر موقعیت یعنی 25 درصد کم کنید.

مثلا اگر margin رو برابر 1% قرار دادید ، عرض رو برابر 24 قرار بدین.

موفق باشید

[masoud_ra 10]

الان من 1 ردیف هم دارم که 3 تا ماژول توش قرار می گیره.

الان margin هم 1% هستش بعد طول هر ماژول هم 32 گذاشتم ولی 2 تاش پیشه هم قرار میگیره اون یکی میره پایین.

واسه اینا چیکار کنم؟

[Vahid Taheri 74]

margin رو برای یک سمت در نظر گرفتید یا دو سمت؟ یعنی فقط margin-left یا margin-right هست ، یا اینکه یه کد margin کلی هست؟ اندازه عرض رو 31 بگذارید باز تست کنید.

باز اگر مشکل حل نشد دموی آنلاین قرار بدین تا بررسی بشه ( آدرس سایتتون )

[masoud_ra 10]

margin رو برای یک سمت در نظر گرفتید یا دو سمت؟ یعنی فقط margin-left یا margin-right هست ، یا اینکه یه کد margin کلی هست؟ اندازه عرض رو 31 بگذارید باز تست کنید.

باز اگر مشکل حل نشد دموی آنلاین قرار بدین تا بررسی بشه ( آدرس سایتتون )

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

این الان عکس کد css منه :

[Vahid Taheri 74]

باید مقادیر کمتر از 32 بزارید دیگه. حتی خورده هم میتونید بزارید. مثلا 31.5 ولی فکر میکنم 31 مشکل رو حل کنه

[masoud_ra 10]

باید مقادیر کمتر از 32 بزارید دیگه. حتی خورده هم میتونید بزارید. مثلا 31.5 ولی فکر میکنم 31 مشکل رو حل کنه

داداش انگار یه جا گیره.

سایزش رو هر چقدر هم تغییر میدم هیچ تغییری نمی کنه!!!!!

تا 28 هم رفتم هیچ تغییری نکرد.

[Vahid Taheri 74]

باید دموی آنلاین باشه تا ببینیم مشکل از کجاست

بصورت موقتی میتونید از هاست های رایگان برای رفع اشکال و تست استفاده کنید

[masoud_ra 10]

باید دموی آنلاین باشه تا ببینیم مشکل از کجاست

بصورت موقتی میتونید از هاست های رایگان برای رفع اشکال و تست استفاده کنید

بیا داداش

لینک

[Vahid Taheri 74]

این کد رو به کدهای css قالب اضافه کنید :

#group-centers {
   float: right;
   width: 100%;
}

ضمنا قبل از موقعیت center 3 یه علامت ' هست انگار. احتمالا قبل از کد تعریف موقعیت هست

[masoud_ra 10]

این کد رو به کدهای css قالب اضافه کنید :

#group-centers {
   float: right;
   width: 100%;
}

ضمنا قبل از موقعیت center 3 یه علامت ' هست انگار. احتمالا قبل از کد تعریف موقعیت هست

داداش یعنی یه دنیا ممنونم ازت.

واسه چشماتم اسفند دود کن.

الان 2 تا مشکل دیگه دارم حل شه دیگه تمومه این قالبه.

یکی اینکه من الان زیره اون ردیف center 1 ,2, 3 یه موقعیت به اسم center تعریف کردم شماره هم نداره.

حالا می خوام مثل بقیه 1% از راست و 1% از چپ فاصله داشته باشه که فقط یه طرفش میشه.

float رو روی right قرار میدم فقط راست فاصله میگیره روی left میزارم فقط چپ فاصله میگیره روی none گداشتنم بازم از راست فاصله گرفت.

مشکل چیه؟

مشکل بعدم منو هست که هر کاری کردم توی زبان en چپ چین نمیشه.

همه چیز میشه جز منو.

بازم که تا این جا کمکم کردی واقعا ازت ممنونم.

ویرایش شده در تیر 93 توسط masoud_ra

[Vahid Taheri 74]

مشکل منو رو طریق تاپیک خودش دنبال کنید

[masoud_ra 10]

تا الان 2 تا تایپیک واسه منو درست کردم کسی بلد نبود و ماؤول دیگه ای رو معرفی می کرد.

ولی خوب من از اونا خوشم نمیومد.

center رو نمیدونستید که کمک نکردید؟

[Vahid Taheri 74]

تا الان 2 تا تایپیک واسه منو درست کردم کسی بلد نبود و ماؤول دیگه ای رو معرفی می کرد.

ولی خوب من از اونا خوشم نمیومد.

center رو نمیدونستید که کمک نکردید؟

خیلی خوب. یه راه حل ابتکاری هم برای منو میگم انشاالله که کارتون رو راه بندازه. ( توی تاپیک خودش یعنی این تاپیک پاسخ دادم )

center ؟ مگه مشکل center-1 و 2 و3 نبود؟ اون که حل شد؟

ویرایش شده در تیر 93 توسط Vahid Taheri

[masoud_ra 10]

خیلی خوب. یه راه حل ابتکاری هم برای منو میگم انشاالله که کارتون رو راه بندازه. ( توی تاپیک خودش یعنی این تاپیک پاسخ دادم )

center ؟ مگه مشکل center-1 و 2 و3 نبود؟ اون که حل شد؟

حلش کردم داداش