mohammad_mh

تائین فاصله منظم با css

4 پست در این موضوع قرار دارد

سلام

وقت بخیر

من در منو موبایل مسلما یک هدر دارم که داخل هدر دکمه منو و سبدخرید و ایکن جست و جو هست و الان میخوام از سمت چپ هدر تا سمت راست یک فاصله منظم بدم

مثلا بشه بین هر ایکن تا ایکن بعدی که مثلا ایکن سبدخرید 5px فاصله باشه تو تو هم نباشه ایکن ها و نظم داده بشه

لطفا راهنمایی بفرمایید چطوری باید بفهمم الان چند پیکس فاصله هست الان تمام این ها مارجین 0 دارن ولی مثلا نصف سبدخرید رفته تو دکمه منو

0

به اشتراک گذاری این پست


لینک به پست
در 24 دقیقه قبل، mohammad_mh گفته است :

سلام

وقت بخیر

من در منو موبایل مسلما یک هدر دارم که داخل هدر دکمه منو و سبدخرید و ایکن جست و جو هست و الان میخوام از سمت چپ هدر تا سمت راست یک فاصله منظم بدم

مثلا بشه بین هر ایکن تا ایکن بعدی که مثلا ایکن سبدخرید 5px فاصله باشه تو تو هم نباشه ایکن ها و نظم داده بشه

لطفا راهنمایی بفرمایید چطوری باید بفهمم الان چند پیکس فاصله هست الان تمام این ها مارجین 0 دارن ولی مثلا نصف سبدخرید رفته تو دکمه منو

سلام 

برای اینکار میتونید از margin استفاده کنید. و مقدارش رو تا حددی که مدنظرتون هست افزایش یا کاهش بدید.

برای استفاده از این خاصیت در css باید به شکل زیر عمل کنید.

ابتدا کلاس یا آیدی المنتی که قصد دارید اطرافش فاصله ایجاد کنید رو در بیارید در اینجا مثلا کلاس المنت ما myclass هست. سپس به شکل زیر کد استایل رو براش مینویسیم:

.myclass{
	margin: 5px;
}

 

 

0

به اشتراک گذاری این پست


لینک به پست
در 2 ساعت قبل، mohammad_mh گفته است :

سلام

وقت بخیر

من در منو موبایل مسلما یک هدر دارم که داخل هدر دکمه منو و سبدخرید و ایکن جست و جو هست و الان میخوام از سمت چپ هدر تا سمت راست یک فاصله منظم بدم

مثلا بشه بین هر ایکن تا ایکن بعدی که مثلا ایکن سبدخرید 5px فاصله باشه تو تو هم نباشه ایکن ها و نظم داده بشه

لطفا راهنمایی بفرمایید چطوری باید بفهمم الان چند پیکس فاصله هست الان تمام این ها مارجین 0 دارن ولی مثلا نصف سبدخرید رفته تو دکمه منو

آدرس سایت رو بدین بهتر می تونیم کمک تون کنیم

0

به اشتراک گذاری این پست


لینک به پست
در 4 ساعت قبل، mohammad_mh گفته است :

سلام

وقت بخیر

من در منو موبایل مسلما یک هدر دارم که داخل هدر دکمه منو و سبدخرید و ایکن جست و جو هست و الان میخوام از سمت چپ هدر تا سمت راست یک فاصله منظم بدم

مثلا بشه بین هر ایکن تا ایکن بعدی که مثلا ایکن سبدخرید 5px فاصله باشه تو تو هم نباشه ایکن ها و نظم داده بشه

لطفا راهنمایی بفرمایید چطوری باید بفهمم الان چند پیکس فاصله هست الان تمام این ها مارجین 0 دارن ولی مثلا نصف سبدخرید رفته تو دکمه منو

وقت بخیر

ابتدا باید از کدیا کوئری استفاده کنید که تغیرات داده شده در کد ها باعث به هم خوردن صفحه ی سایت در کامپیوتر نشه و فقط تغیراتتون در موبایل اعمال بشه

این موردیم که فرمودین به چند روش قابل حله

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

دومین روش هم این هستش که به هر کدام از div جستجو | منو | و ایکون سبد خرید padding قرار بدین تا هر یک از این المان ها از هم فاصله گرفته و به شکل منظمی در موبایل دیده بشن

اگرم سایتتون از بوت استرپ استفاده کرده میتونین به بخش جستوجو و منو col-xs-12 بدین و برای ایکون سبد خرید هم پوزیشن قرار بدین و نسبت به سلیقه ی خود مسیرشو معین کنین

بازم سوالی داشتین بپرسین من پاسخگو هستم

موفق باشید

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری