שלום,
רציתי ליצור למעשה ממשק שבחלקו העליון ובחלקו השמאלי יהיה באר ניווט.
בצידו הימני התחתון תהיה מפה ועליה אני אמקם תמונות במיקומים שאני אבחר.לדוגמא, ניתן לראות איך זה מתבצע באתר
http://ikariam.org/
הם משתמשים שם בz-index

אני לעומת זאת סידרתי את הdivים שלי בצורה בונה, זה בתוך זה.
http://rdy.co.il/MapNavigation/

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

תודה לעוזרים

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

אבל בוא אגיד לך איך ה"תפריט האידיאלי" צריך להיות בנוי מבחינתי:

ב-HTML תעשה את הדברים המינימאליים ביותר, כלומר שתוציא את הטקסט השייך לכל פריט בבר הניווט ותציב לכל אחד את התג li (וגם את התג a כאשר הוא קישור) ; ולכל רשימה תציב תג ul או ol.

לדוגמא:

קוד:

<!--HTML-->
<ul id='menu'>
<li><a>Title1</a>
	<ul>
		<li><a>Sub Title1</a></li>
		<li><a>Sub Title2</a>
			<ul>
				<li>Sub Sub title...</li>
			</ul>
		</li>
	</ul>
</li>
<li>Title2
	<ul>
		<li><a>Sub Of Title2-#1</a></li>
		<li><a>Sub Of Title2-#2</a></li>
	</ul>
</li>
<li><a>Contact Us</a></li>
</ul>

ובנוגע למאפיין id, תציב אותו רק לרשימה (ul) הראשונה, שעוטפת את כל שאר הרשימות - זו הרשימה הראשית.

בנוגע ל"תמרונים", אפקטים ולהתנהגות של הרשימה - את כל זה תקבע בעזרת JS ו-CSS ובאמצעות מאפיין ה-id של כל רשימה.

כך לפחות אני עשיתי.