מיקום אלמנטים
-
היי
אני מנסה למקם אייקון בצד שמאל למעלה עם: margin-left ולא עובד
(margin-right כן עובד…)
אשמח לעזרה
תודה! -
פוסט זה נמחק! -
@מרים
קצת קשה שלא לומר בלתי אפשרי לענות על שאלה למה אלמנט לא מוכן להתמקם במיקום מסוים , שכן המיקום של האלמנט יכול ליהות מושפע מהרבה תכונות (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
וכן הלאה