לאחרונה סיימתי את העיצוב הכללי של אתר מסוים וזה נראה ככה:

בצד שמאל יש את התפריט.

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

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

עיצוב האתר נעשה ע"י Photoshop עם קצת עזרה מ ImageReady.

אני צריך שתהיה אפשרות גלילה של האתר במלואו וגם של הטקסט במרכזו.

אני שוקל לעשות 2 או יותר גרסאות של האתר לפי הרזולוציה של המשתמש, מה דעתכם?

כל עזרה תתקבל בברכה

יש 3 אפשרויות:

1) לתקוע בתוך העמוד IFRAME.

2) לשים DIV שם אפשרות גלילה.

3) ליצור סקריפט כלשהו שיאפשר גלילה.

האפשרות השניה הכי "אלגנטית" לפי דעתי.

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

1) מה זה IFRAME ואיך עובדים עם זה?

3) אתה יכול קצת יותר לפרט איך סקריפט כזה יפעל?

ולגבי המשפט האחרון:

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

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

תודה

אני יודע שאתה ביקשת עם גלילה

אבל לפי דעתי גלילה לא נוחה לשימוש

הרבה יותר נוח שעמוד פתוח ואפשר לגלול באמצעות הדפדפן ולא בעזרת frame או iframe

ואני מציע שפשוט התוכן ימתח את העמוד

זה לא יפריע לתיכנון הכללי כי למטה יהיו הפירסומות ואנשים יגיעו למטה, כי הם הרי יקראו את המלל

וכיום העיצוב בעזרת שימוש בframes או divs (כתחילף לiframe) נמוג מן העולם

ובהצלחה עם האתר !!!

תלמד קצת CSS

יפתור לך את כל הבעיות שיש, היו ויהיו לך בנוגע לעיצוב אתרים והעברה מפוטושופ ל HTML...

1) מה זה IFRAME ואיך עובדים עם זה?

3) אתה יכול קצת יותר לפרט איך סקריפט כזה יפעל?

ולגבי המשפט האחרון:

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

תודה

1) מאפשר לך להציג דף HTML כלשהו בתוך דף HTML אחר(כמו פריים רגיל).

3) אתה צריך ליצור כמה תאגיל שיגיבו ללחיצה, הזזת העכבר ודברים דומים. תחפש בGOOGLE אם אתה רוצה משהו מוכן.

את גודל החלון אתה קובע בדף שפותח אותו(יש את window.open שמאפשר לך להכניס מספר פרמטרים).

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

מה שאתה צריך לעשות כדי ליצור DIV שלא זז כשהמשתמש גולל את הדף זה הדרך התקנית לעשות זאת היא להשתמש בהגדרת CSS שנקראת position : fixed על ה DIV הזה.

לצערנו ie6 (ולא 7) לא תומך בהגדרה הזאת. אך יש דרך לנצל באג של אקספלורר כדי להגיע לאותה תוצאה:

http://www.cssplay.co.uk/layouts/fixed.html

יש עוד דרכים שונות להגיע לאותה תוצאה עם אקספלורר - תריץ חיפוש בגוגל...

יש כמה חסרונות לשימוש בתרגיל הזה (הוא ימנע ממך לתת לאלמנטים הגדרה position : relative - שזו דרך לתקן באגים אחרים באקספלורר) אך סביר להניח לאפשר להמנע מהחסרונות האלה.

בבקשה.

לא חייבים

אפשר ליצור DIV ימני גדול ולשים לו:

overflow-y: scroll;

אז בעצם כל האתרים האלה שתקוע להם איפשהו בצד תפריט כזה שלא זז בעוד המסמך עצמו נגלל זה DIV עם position : fixed?

תודה לכולם על העצות והרעיונות, אני מקווה שאצליח ליישם את זה כמו שצריך.

כעיקרון - כן. אם לא, זה בטח ממומש בצורה כלשהי בJS.