رفتن به مطلب

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


پست های پیشنهاد شده

سلام

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


margin:auto;

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

لینک به ارسال

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


margin:0 10px 0 0 ;

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

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

لینک به ارسال

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


margin:0 10px 0 0 ;

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

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

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

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

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

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

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

لینک به ارسال

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

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

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

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

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

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

لینک به ارسال

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

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

لینک به ارسال

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

لینک به ارسال

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

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


margin:auto;

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

ویرایش شده توسط f.gh1372
لینک به ارسال

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...