HTML CSS ב"ב – שיעור 3

שיעורי בית שיעור 3 – position ו float

2 משימות:

גננות בכיף – שיראה כך

 

שמנה לב:

  1. הוספתי עמוד לכל פרח והוספתי אותם לתפריט
  2. את הפרחים שמתי בשלוש עמודות זו ליד זו (באמצעות float)
  3. בסוף כל תיבה של פרח יש קישור "קרא עוד" והוא תמיד ממוקם באותו מרחק מקצה התיבה ללא תלות בכמות הטקסט בה (position:absolute)
  4. הוספתי אלמנט צף "צלצלו אלי" – position:fixed

 

בנוסף תרגיל של עבודה עם class ו display:inline

 

 

בשיעור הבא נחזור ונתרגל יחד את ה float לפני שנעבור לנושא הבא

 

שיעורים פתורים (רק הגננות) כבר נמצאים פה

http://gamani.info/prog/gananut-after-lesson4/

 

מפה

http://gamani.info/prog/map/

אבל יהיה נחמד עם תנסו לפתור לפני שאתן מסתכלות…

 

 

חזרה לעמוד הקורס

אשרה גרינבלט

אשרה גרינבלט היא המייסדת ומנהלת של המותג GreenCode. אשרה עוסקת בהקמת אתרים מאז שנת 2009. בין לבין היא גם התמודדה עם מחלת הסרטן ואף כתבה על זה בלוג, כתבה ספר פרוזה בשם "לגדול על מים" ופיתחה לעצמה תחביב של פיסול בחוטי ברזל. המשותף לכל תחומי העשיה המגוונים האלו הוא שכולם נעשים בתשוקה גדולה.