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

[Farid 2281]

سلام

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

margin:auto;

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

[arman100000 1264]

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

margin:0 10 0 0

[rezaonline 2655]

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

margin:0 10px 0 0 ;

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

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

[arman100000 1264]

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

margin:0 10px 0 0 ;

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

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

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

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

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

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

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

[rezaonline 2655]

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

[arman100000 1264]

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

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

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

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

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

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

[rezaonline 2655]

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

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

[Farid 2281]

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

[rezaonline 2655]

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

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

[Farid 2281]

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

[Sgwgo 316]

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

[Farid 2281]

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

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

margin:auto;

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

ویرایش شده آذر 91 توسط f.gh1372

[Morteza 34190]

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