מיקום אלמנטים

[מרים]

היי
אני מנסה למקם אייקון בצד שמאל למעלה עם: margin-left ולא עובד
(margin-right כן עובד…)
אשמח לעזרה
תודה!

[יושב אהלים]

פוסט זה נמחק!

[AVI KLAINE]

@מרים
קצת קשה שלא לומר בלתי אפשרי לענות על שאלה למה אלמנט לא מוכן להתמקם במיקום מסוים , שכן המיקום של האלמנט יכול ליהות מושפע מהרבה תכונות (class) שלו וכן יתכן שאלמנטים אחרים משפעים עליו
margin קובע את הריפוד החיצוני של האלמנט כמה הוא יתרחק/יורחק משאר האלמנטים שמסביבו
ולא את הצד שבו ימוקם האלמנט ניתן לעזור בו בשביל מיקום
למשל לתת margin-right בכדי לדחוף את האלמנט שמאלה
יש אתר מאוד ממולץ ללימוד css
www.w3schools.com
ויש גם בעברית devschool
כדי לראות מה משפיע על האלמנט צריך להשתמש בכלי המפתחים של גוגל
פותחים אותו בלחיצה על F12 או קליק ימני ולחיצה על בדיקה יפתח לכם בצד חלונית כמו זו

החלונית העליונה זה ה -HTML ולמטה רואיםם אלו class משפיעים על האלמנט
בלחיצה על החץ הקטן למעלה שמסומן ב-1 ניתן לבחור אלמנט והוא ינווט אל קטע הקוד שלו
ניתן ללעבור ללשונית שמסומנת ב-2 ושם לראות בצורה יותר חזותית האם יש לאלמנט margin pading וכ’ו
כשתעמדו על קוד ה -HTML של אלמנט מסוים הוא יצבע על המסך הוא וכן הmargin שלו
מקווה שעזרתי

אם מישהו בכל אופן מסתבך הכי קל אם תוכלו לשתף קישור

[שלמה]

@מרים אמר במיקום אלמנטים:

אני מנסה למקם אייקון בצד שמאל למעלה עם: margin-left ולא עובד

margin לא מיועד לקבוע מיקום אבסולוטי
בשביל זה נועד

position: absolute

(או position: fixed אם רוצים שישאר במקומו האבסולוטי גם בגלילת הדף)
ולהנ"ל מוסיפים מיקום
; right: 0; top: 0
וכן הלאה