20-07-2015, 22:45
|
|
|
|
חבר מתאריך: 12.04.06
הודעות: 2,021
|
|
כשאתה בונה את העמוד, תשתדל שכל האלמנטים שאתה רוצה שיהיו קרובים אחד לשני יהיו קרובים/קשורים גם מבחינת הDOM.
לא צריך להתחיל למקם דברים בצורה כללית על הדף.
במקרה שלך למשל, הייתי יוצר דיב שמכיל גם את התמונה וגם את 2 המשולשים,
הייתי נותן לדיב את הגובה והרוחב של התמונה כדי להכיל אותה כמו שצריך,
ואז בשביל הקסם -
הייתי נותן לדיב position:relative,
ולמשולשים הייתי מגדיר -
קוד:
position: absolute;
bottom: 0;
left: -34px; /* for left side */
או
right: -34px; /* for right side */
בצורה כזאת, לא משנה לאן תזיז את הדיב של התמונה, הכל ישאר מחובר וימוקם בדיוק באותה צורה ושום דבר לא יזוז.
** בגלל שלא נגדיר overflow: hidden בשום שלב, התמונות של המשולשים עדיין יופיעו למרות שכביכול הם יהיו מחוץ לדיב. **
_____________________________________
|