שלום חברים,

הוספתי לדף הזה פרסומות של גוגל משני הצדדים, יצא מצוין (השתמשתי להדביק את הקוד בדרימוויבר):
http://www.virtual-israel.co.il/vir.../jerusalem.html

בדף הזה של הסיור הוירטואלי ניסיתי לעשות אותו הדבר אבל זה שיבש את הדף (הופיעה פרסומת, מתחתיה חלון הסיור הוירטואלי ומתחתיו הפרסומת השניה):
http://www.virtual-israel.co.il/vir..._english_a.html


מישהו יכול לעזור ולהסביר לי איך אני משלב את שתי הפרסומות משני צידי הסיור כמו בדף הראשון ?

בתודה מראש !

רק בעמוד הבא:
http://www.virtual-israel.co.il/vir.../jerusalem.html

אפשר לראות את הפרסומות, כשצופים ב-IE6 (ב-FF3, לדוגמא, לא רואים את הפרסומות)
בנוסף, העמוד הנ"ל הוא זה שמציג את האלמנטים בסדר אנכי (פרסומת -> תמונה -> פרסומת)

כדי לסדר את זה כפי שאתה רוצה, תעטוף כל אחד מהאובייקטים ב-DIV עם הגדרת CSS של float:left או float:right

תודה רבה dorM,
רק שאין לי מושג איך לעשות את זה.

אודה לך אם תראה לי איך זה צריך להיות כתוב

דוגמא:

קוד:

<div style="clear:both;">
	<div style="float:left">
		<!-- Your advertisement code here -->
	</div>
	<div style="float:left">
		<!-- Content/image/whatever-you'd-like -->
	</div>
	<div style="float:left">
		<!-- Your advertisement code here -->
	</div>
</div>

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

תודה dorM,

האם לתוכן/תמונה/סיור וירטואלי שאמור להישאר באמצע אפשר לכתוב float: center כדי שיהיה מיושר למרכז (בין שתי הפרסומות) ?

כרגע לא עטפתי עדיין את התוכן ב div float ושאני מצמצם את שטח הדפדפן הפרסומות כמובן נשארות מימין ושמאל והתוכן יורד למטה:
http://www.virtual-israel.co.il/vir..._english_a.html

לא תוכל לעשות float:center (כי אין ערך כזה), אבל אגיד לך מה כן תוכל:

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

לכן פשוט תצטרך להוסיף למאפיין ה-style של ה-div הכללי את הערך הבא:

קוד:

width:1260px;

ערך הרוחב שקבעתי הוא בהתאם לרוחב של שלושת אלמנטי ה-div שבתוכו + ערכי padding או margin.
(הרי ערכי ה-width של האלמנטים הפנימיים ידועים מראש)

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

קוד:

margin:auto;

כדי שהוא יתיישר למרכז.

וזהו D=

הקוד הסופי:

קוד:

<div style="clear:both; width:1260px; margin:auto;">
	<div style="float:left">
		<!-- Your advertisement code here -->
	</div>
	<div style="float:left">
		<!-- Content/image/whatever-you'd-like -->
	</div>
	<div style="float:left">
		<!-- Your advertisement code here -->
	</div>
</div>

שים לב שערכי CSS מומלץ לקבוע בקובץ CSS נפרד.

עריכה:

נזכרתי במשהו קטן:
התג embed שהשתמשת להציג בו את אובייקט הפלאש אינו תקין ברוב תקני ה-xHTML, ומומלץ להשתמש בתג ה-object. אתה יכול לראות דוגמה לשימוש תקין בתג ה-object כאן.

dorM עזרת לי מאוד, תודה רבה על התשובה המפורטת.

יום נפלא ושבוע טוב !