ازاحة صورة footer باستخدام css

بتاريخ 1 دقيقة مضت قال محمد فهد خالد:

ت

تسلم عملت اخر وحدة وزبطت لكن في مساحة بيضاء اخذت من الصورة من اليمين كيف بقدر ازيلها حتى لو كبرت الصورة بتظلها 

هذه المساحة تظهر بعد الازاحة بشكل طبيعي , كانت الصورة تغطي هذه المساحة وعندما ازحنا الصورة ظهرت المساحة بشكل طبيعي , الحل لهذه المشكلة هو الحصول على صورة مناسبة تماما للعنصر ولا حاجة لازاحة الصورة أو تعديلها باستخدام تنسيقات css

بتاريخ 7 ساعات قال محمد فهد خالد:

ت

تسلم عملت اخر وحدة وزبطت لكن في مساحة بيضاء اخذت من الصورة من اليمين كيف بقدر ازيلها حتى لو كبرت الصورة بتظلها 

هذا في اغلب الظن ال margin الذي استعملته من اجابة المدرب السابقة لو لاحظت الاجابة جيدا ستجد أنه قال لك استعمل اما margin او translate وليس الاثنين يمكنك ازالة ازالة ال margin

footer{
  margin-right:50px
}

يمكنك فعل ذلك من خلال استخدام الخاصية Margin كالتالي

footer{
  margin-right:50px
}

سوف يتم اضافة هامش خارجي للعنصر باتجاه اليمين أي سوف يتم ازاحة العنصر الى اليسار بمقدار 50 بكسل ويمكنك تغيير القيمة كمات تريد
يمكنك ايضا ازاحة العنصر من خلال استخدام الخاصية transform واستخدام translateX كالتالي

footer{
  transform: translateX(200px)
}

تحريك العنصر على المحور الأفقي بمقدار 200 بكسل , سوف يتم تحريك العنصر الى جهة اليمين , حاول استخدام القيمة بالسالب لكي تتحرك الى اليسار كالتالي

footer{
  transform: translateX(-200px)
}

ت

بتاريخ 18 دقائق مضت قال محمد أبو عواد:

يمكنك فعل ذلك من خلال استخدام الخاصية Margin كالتالي

footer{
  margin-right:50px
}

سوف يتم اضافة هامش خارجي للعنصر باتجاه اليمين أي سوف يتم ازاحة العنصر الى اليسار بمقدار 50 بكسل ويمكنك تغيير القيمة كمات تريد
يمكنك ايضا ازاحة العنصر من خلال استخدام الخاصية transform واستخدام translateX كالتالي

footer{
  transform: translateX(200px)
}

تحريك العنصر على المحور الأفقي بمقدار 200 بكسل , سوف يتم تحريك العنصر الى جهة اليمين , حاول استخدام القيمة بالسالب لكي تتحرك الى اليسار كالتالي

footer{
  transform: translateX(-200px)
}

 

تسلم عملت اخر وحدة وزبطت لكن في مساحة بيضاء اخذت من الصورة من اليمين كيف بقدر ازيلها حتى لو كبرت الصورة بتظلها