התנהגות מוזרה של הדיב

maykishon commented 11 years ago

התחלתי ליצור לעצמי דיבים שקופים שלמעשה עליהם אני הולכת להכיל את הפקודה של הטולטיפ. :את הדיב הראשון כתבתי ככ "דיב קלאס="בוקס" וסגרתי את הדיב (פשוט הוא לא מראה את הקוד כשאני כותבת אותו פה כמו שצריך אז כתבתי עכשיו בעברית.

והגדרתי לו בסיאסאס: .box { position: absolute; width: 100px; height: 100px; color: red; margin-left: 440px; margin-top: 200px;

עובד מצויין ואני רואה אותו גם באינספקט אלמנט והוא עומד בדיוק איפה שרציתי.

ברגע שאני פותחת עוד דיב וקוראת לו נגיד "לוגו" או כל שם אחר שהוא לא box אז אני לא יכולה לראות אותו באינספקט אלמנט וזה מוזר. מדוע? ואיך אני יכולהליצור עוד דיבים שאני אוכל לראות אותם ולמקם אותם בדיוק היכן שארצה?

@mushon

maykishon commented 11 years ago

אה ועוד דבר.. אני עדיין לא מבינה מה אני עושה ואיך אני שמה טולטיפ לבוטסראפ (נורא קשה ומתסכל התרגיל הזה) ואני מאוד מקווה שהוא לא ייחשב לרעתי בציון!

smadyby commented 11 years ago

תעלי את השינויים לגיטהאב, אולי נוכל נמצא משהו שבטעות פסחת עליו...

maykishon commented 11 years ago

בדיוק עכשיו עדכנתי את הגיטהאב וזה בטח עוד כמה דקות יעלה. **את לא תראי שום דבר שהוא נראה לעין תוכלי לראות את זה רק באינספקט אלמנט אין לי שמץ אפילו איך להתחיל עם הבוסטרפ או הג'אבה סקריפט ואני קוראת בינתיים על זה כדי שאולי אני אבין יותר.

smadyby commented 11 years ago

אוקיי, אני לא מבינה יותר מידי, אבל עד כמה שזכור לי כאשר נותנים למשהו הגדרה של position: absolute; הוא מתייחס לערכי הפוסישנינג של ההורה שלו - במקרה שלך של הבודי. אבל אצלך בCSS אין ערכי פוסישן לבודי - אולי זה משהו שמפריע בקובץ. דרך אגב, סתם סמנטיקה - כאשר יש לך מאפיינים שאת רוצה לתת לדיב אחד ספציפי ולא לחזור אליהם, כדאי לתת לאותו דיב איי.די, ולא קלאס. קלאס זה כשרוצים לתת את אותו סגנון לכמה אלמנטים. לא שזה מה שמשפיע, פשוט זה צורת עבודה שכדאי להתרגל אליה.

smadyby commented 11 years ago

אגב אני רואה את 2 הדיבים גם בקובץ בגיט וגם באינספקט אלמנט - אולי זה פשוט לא התעדכן לך כשבדקת?

maykishon commented 11 years ago

או קיי סבבה! נכון אני עכשיו ראיתי ותיקנתי את המיקום שלהם כשעידכנתי את זה לגיטהאב וזה מבחינתי עובד.

בקואקדמי לא ממש הסבירו מתי משתמשים בדיב ומתי באי די ולכן לא היה לי מושג מה נועד לאיזה מטרה. תודה סמדי על העזרה!

smadyby commented 11 years ago

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

maykishon commented 11 years ago

לייק! טנקס!

mushon commented 11 years ago

טוב, שתיכן, קחו בחשבון שהתחלופת תגובות הזאת תבוא לידי ביטוי בציון שלכן.

…לטובה כמובן :)

בכל אופן, מאי, נסי למקם את האלמנטים שלך באבסולוט לא ע"י שימוש במרג'ין אלא ע"י שימוש ב-top/right/bottom/left. זו הדרך העדיפה בכל הנוגע למיקום קבוע (absolute / fixed).

בעיה אחרת שאני רואה היא שהגודל של הדימוי רקע שלך הוא דינמי ותלוי בגודל חלון הדפדפן, אני חושש שזה עלול להשפיע על המיקום. יתכן והדרך לפתור את זה היא לקבוע את גודל ומיקום הדיבים השקופים באחוזים במקום בפיקסלים.

נסי לשנות לזה:

.black { position: absolute; width: 8%; height: 12%; color: black; left: 17%; top: 11%; background: rgba(266,0,0,0.5); }

שימי לב שגם צבעתי את הרקע של הדיב באדום בשקיפות של 0.5 כדי שאוכל לכוון אותו בצורה נוחה יותר. כל נושא האחוזים באמת תלוי באיך יתנהג הדימוי שלך מבחינת הקיווץ. אבל בינתיים זו התחלה טובה.

בהצלחה! מושון

Mushon Zer-Aviv Mushon.com (http://Mushon.com) | Shual.com (http://Shual.com) | @Mushon (http://twitter.com/mushon)

On Thursday, March 21, 2013 at 10:15 AM, maykishon wrote:

לייק! טנקס!

— Reply to this email directly or view it on GitHub (https://github.com/maykishon/me/issues/3#issuecomment-15224195).

maykishon / me

התנהגות מוזרה של הדיב #3