Farid

ثابت بودن فاصله دو عکس

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

سلام

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


margin:auto;

دادم ... حالا یه عکس جدا میخوام بیارم کنار این .. اما با کوچیک شدن عرض مرورگر عکس دوم روی لوگو میفته و برعکس .. با بزرگ شدن عرض مرورگر دوتا از همون دور میشن .. الان چجوری عکس دوم را ثابت نگه دارم ؟

0

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


لینک به پست

به margin عدد بديد مثلا :


margin:0 10 0 0

1

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


لینک به پست

آرمان واحد هات کو ؟ :)


margin:0 10px 0 0 ;

به ترتیب بالا ، راست ، پایین ، چپ .

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

3

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


لینک به پست

آرمان واحد هات کو ؟ :)


margin:0 10px 0 0 ;

به ترتیب بالا ، راست ، پایین ، چپ .

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

معمولا واحد نمي زارم . يه قانوني واسه خودم دارم

هرچه سبك تر بهتر

به اين اناليزور ها w3c , ... هم توجه نمي كنم !

كلا روي مسائل خيلي جزي مانور نمي دم چون گوگل رو خوب مي شناسم

به نظر گوگل بهتره تعادل از هر لحاظ در كار باشه به طوري كه همين اواخر مسئله اور اپتيمايز بيان شد ...

0

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


لینک به پست

فرق بین em , px , cm رو میدونی ؟

0

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


لینک به پست

اگه منظورت اينه كه فرق بين واحد ها رو نميدونم سخت در اشتباهي :)

من ميگم چون بيش تر از 90 درصد استفاده از همون واحد پيكسله ديگه لازم نيست هزار بار بنويسيم px خودكار تشخيص ميده

به هر حال جواب رو هم ميگم :

px = پيكسل (به اندازه يه نقطه قابل تفكيك روي صفحه كامپيوتر!)

cm = كيلومتر :دي (بعد يه عمر حل كردن مسئله فيزيك!)

em = برابر (X) مثلا يه فونتي داري اندازش 10 است وقتي ميگي 2em ميشه 20 !

1

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


لینک به پست

آرمان جان باید واحد ها رو بنویسی حتما ، چون خودش تشخیص نمیده .

مرورگرهای مختلف سازهای مختلفی میزنن ، باید حالیشون کرد . :)

3

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


لینک به پست

ممنون .... ولی با margin کار حل نمیشه !! با margin دادن باز هم با کم عرض شدن مرورگر دو عکس به هم نزدیک میشن !

0

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


لینک به پست

عکسها رو چه جوری گذاشتی ؟

با تگ img یا با css بصورت background ?

1

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


لینک به پست

با css بصورت بکگراند

0

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


لینک به پست

باید درصدی مختصات بدی تا در تمام مانیتور ها و مرورگرها ست در بیاد

1

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


لینک به پست

ارسال شده در (ویرایش شده)

خیر عزیز ... درصدی هم امتحان کردم !!! :)

ببینید دوستان : من دو تا عکس با css بکگراند زدم ... یکیشون رو بهش


margin:auto;

دادم .. برای همین وسط صفحه می مونه و با تغییر عرض مرورگر فاصله اش رو از چپ و راست حفظ میکنه ... حالا عکس دوم رو میخوام بیارم جلوی اون ... اما با کم عرض شدن مرورگر میاد روی عکس اول و برعکس با زیاد شدن عرض ، ازش دور میشه

ویرایش شده در توسط f.gh1372
0

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


لینک به پست

اگر میخواید فاصله هاشون با هم ثابت باشه و با کم شدن عرض هم حرکت کنن هر دو رو در یک المان مثلا div قرار بدید بعد بهش margin:auto بدید.

1

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


لینک به پست

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

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

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

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


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

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

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


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