אהלן,

בניתי אתר (מבוסס על עיצוב קוד פתוח מ oswd.com), והוספתי שכבה שמופיעה בעת מעבר על קישור.

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

הדף נמצא פה:
http://gonenradai.homelinux.com/example/

וכדי לראות את הבעיה יש לעבור על המילה "גונן" שנמצאת בתחתית הדף (footer)
מתחת ל footer נוצר מן מלבן ורוד ומעצבן שאני לא רוצה שיופיע...

תודה על העזרה.
גונן

linux is like an indian tent - no windows, no gates and one apache inside

אין שום זכר למשהו וורוד, הדף אף לא מכיל עיצוב מינמלי (אתה גולש בדפדפן?)

את עשית שבעת מעבר עכבר תופיע שכבה מוסתרת, ברור שהיא תופיע (אלא אם כן תבטל אפשרות זו), רק שכדי שהיא תופיע היכן שנח לך ולא בתחתית הדף, תגדיר את מאפיין העיצוב position כ-absolute ותגדיר באמצעות js/dom את מאפייני העיצוב top & left כדי למקם את השכבה במקום המתאים בהתאם למיקום של סמן העכבר.

בוודאי שאני גולש בדפדפן...

אני חושב שיש לי איזה בעיה בשרת שלא תמיד שולח קבצים בצורה מושלמת...
אני אבטל את ה CACHE וה GZIP שהגדרתי בו.

בכל אופן, אני אנסה לעבוד עם absolute במקום relative...
תודה בינתיים..

linux is like an indian tent - no windows, no gates and one apache inside

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

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

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

linux is like an indian tent - no windows, no gates and one apache inside

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

תודה
שירי

סוף האמת לנצח !!!

לא בדיוק הבנתי אם הפיתרון שאני מיישם הוא מה שאת מחפשת,
אבל מה שאני משתמש זה הפיתרון הבא:

בדף ה HTML יש div עם

קוד:

style="display: none;"

ויש במקום אחר (כל מקום שבא לי) קישור, שבאירוע של onmouseover
קורא לפונק' JS הבאה:

קוד:

function show_details(obj) {
var el = document.getElementById(obj);
el.style.display = '';
}

בתוך ה DIV שמתי קישור עם המילה "סגור", שבלחיצה עליו, אני קורא לפונק':

קוד:

function hide_details(obj) {
var el = document.getElementById(obj);
el.style.display = 'none';
}

את שאר העיצוב של ה DIV (רקע, גודל, מסגרת וכו') מיקמתי ב CSS

linux is like an indian tent - no windows, no gates and one apache inside

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

סוף האמת לנצח !!!

כמו שכבר כתבתי לעיל, צריך להגדיר את המאפיין position בערך absolute ובשער המעבר על האלמנט הרצוי צריך לקרוא לפונקציה שתבדוק את מיקום העכבר, אורך האיזור שנגלל (ולא מוצג לעיני הגולש) בהתאם לכך לתת הגדרות מתאימות ל"שכבה הצפה".