✔ Ebenen

Status
Nicht offen für weitere Antworten.
KurtKabine

KurtKabine

Mitglied
Moin zusammen

Auf einer HP von mir werden die Ebenen so angezeigt wie ich es nicht will :)
Insgesammt sind es 10 Ebenen. 8 für die Menüs. 1 Für das Hintergrundbild und eine für das Hauptframe. Allerdings wird der Inhalt des Hauptframes beim Start nicht angezeigt, erst wenn man auf einen Link klickt kommts au seinem Versteck heraus.
Ich hab mittlerweile schon probiert was ich kann und bin nun völlig ratlos an was es noch liegen könnte. Vielleicht kann ja jemand von euch helfen...
Hier der Link: http://handball.tvsissach.ch/tvsh-index.html
Und hier der Code
HTML: 
<HTML>

<head>
<style type="text/css" media="screen">
<!--
body
{
	font-family: arial;
	font-size: 9pt;
	overflow: auto;
	padding: 0px;
	margin: 0px;
}

ul, li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	background-color: #EB4A2E;
}

.menu
{
	position: absolute;
	z-index: 2;
	top: 0px;
}

.menu li
{
	width: 105px;
	float: left;
}

.menu a
{
	border: 0px solid #EB4A2E;
	background-color: #1d1d1d;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	cursor: default;
	margin: 0px 2px;
	display: block;
	height: 19px;
	color: #000;
}

.menu a:hover
{
	background-color: #EB4A2E;
	font-size: 10pt;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{
	font-size: 9pt;
	display: none;
	width: 105px;
	float: left;
	border: 0px solid white;
	background-color: #EB4A2E;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a
{
	font-weight: normal;
	padding-top: 0px;
	border-top: 0px;
	cursor: pointer;
}
//.Stil1 {color: #FFFFFF}
.Stil1 {color: #FFFFFF}
-->
</style>

<script type="text/javascript">
<!--
function montre(id)
{
	with (document)
	{
		if (getElementById)
			getElementById(id).style.display = 'block';
		else if (all)
			all[id].style.display = 'block';
		else
			layers[id].display = 'block';
	}
}

function cache(id)
{
	with (document)
	{
		if (getElementById)
			getElementById(id).style.display = 'none';
		else if (all)
			all[id].style.display = 'none';
		else
			layers[id].display = 'none';
	}
}
//-->
</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><head>
<base target="inline1">

<BODY link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF"> 


<div class="menu" id="menu4" style="position: absolute; left: 840px; top: 18px; width: 71px; height: 14px; z-index:10">
  <img src="Sponsoren/toppic.gif" border="0" usemap="#Map" width="72" height="15" />
    <map name="Map" id="Map">

      <area shape="rect" coords="0, 0, 24, 14" href="mailto.htm" target="inline1" />
      <area shape="poly" coords="71, 6, 70, 6, 71, 5, 59, 4, 58, 4, 57, 3, 56, 2, 56, 1, 55, 2, 55, 1, 54, 0, 55, 0, 47, 0, 46, 0, 45, 0, 45, 2, 44, 2, 44, 3, 44, 5, 43, 5, 42, 9, 42, 10, 43, 10, 43, 12, 44, 12, 44, 13, 45, 13, 46, 13, 46, 14, 54, 14, 55, 14, 56, 13, 56, 12, 57, 12, 57, 11, 70, 10, 71, 10" href="memberlogin.htm" target="inline1" />
    </map>
</div>

<div class="menu" style="position: absolute; left: 29; top: 401; width: 105; height: 19; z-index:4" id="link6">
  <ul>
    <li><a href="javascript:void(0);" onMouseOver="montre('smenu6');" onMouseOut="cache('smenu6');">
	<font color="#FFFFFF">Interaktiv</font></a>
      <ul id="smenu6" onMouseOver="montre('smenu6');" onMouseOut="cache('smenu6');">

        <li><a href="shop.htm"><font color="#FFFFFF" face="Arial">Shop</font></a></li>
        <font color="#FFFFFF" face="Arial">
        <li><a href="downloads.htm"><font color="#FFFFFF" face="Arial">Downloads</font></a></li>
        <li><a href="tippspiel.htm"><font color="#FFFFFF" face="Arial">Tippspiel</font></a></li>
      </ul>
    </li>
  </ul>

</div>



	</font>

<div class="menu" style="position: absolute; left: 33; top: 454; width: 105; height: 19; z-index:3" id="link7">
  <ul>
    <li>
    <a onMouseOver="montre('smenu');" onMouseOut="cache('smenu');" target="inline1" href="links.htm">
    <font color="#ffffff">Links</font></a>

      <ul id="smenu" onMouseOver="montre('smenu');" onMouseOut="cache('smenu');">
      </ul>
    </li>
  </ul>
</div>

	<font color="#FFFFFF" face="Arial">



<div class="menu" style="position: absolute; left: 25; top: 343; width: 105; height: 21px; z-index:5" id="link5">
  <ul>

    <li><a href="javascript:void(0);" onMouseOver="montre('smenu5');" onMouseOut="cache('smenu5');">
    <font color="#FFFFFF">Unterhaltung</font></a>
      <ul id="smenu5" onMouseOver="montre('smenu5');" onMouseOut="cache('smenu5');">
		<li><a href="bilder.htm"><font color="#FFFFFF" face="Arial">Fotos</font></a></li>
        <li><a href="aufbau.htm"><font color="#FFFFFF" face="Arial">Medien</font></a></li>
        <li><a href="gb.htm"><font color="#FFFFFF" face="Arial">Gästebuch</font></a></li>
      </ul>

    </li>
  </ul>
</div>

<div class="menu" style="position: absolute; left: 28px; top: 284px; width: 71px; height: 14px; z-index:6" id="link4">
  <ul>
    <li><a href="javascript:void(0);" onMouseOver="montre('smenu4');" onMouseOut="cache('smenu4');">
    <font color="#FFFFFF">Adressen</font></a>
      <ul id="smenu4" onMouseOver="montre('smenu4');" onMouseOut="cache('smenu4');">
        <li><a href="vorstand.htm"><font color="#FFFFFF" face="Arial">Vorstand</font></a></li>

        <li><a href="trainer.htm"><font color="#FFFFFF" face="Arial">Trainer</font></a></li>
        <li><a href="schiedsrichter.htm"><font color="#FFFFFF" face="Arial">Schiedsrichter</font></a></li>
      </ul>
    </li>
  </ul>
</div>

<div class="menu" style="position: absolute; left: 40px; top: 225px; width: 71px; height: 14px; z-index:7" id="link3">
  <ul>

    <li><a href="javascript:void(0);" onMouseOver="montre('smenu2');" onMouseOut="cache('smenu2');">
    <font color="#FFFFFF">Teams</font></a>
      <ul id="smenu2" onMouseOver="montre('smenu2');" onMouseOut="cache('smenu2');">
        <li><a href="Teams/h1.htm"><font color="#FFFFFF" face="Arial">Herren 1</font></a></li>
        <li><a href="Teams/f1.htm"><font color="#FFFFFF" face="Arial">Damen 1</font></a></li>
        <li><a href="Teams/h2.htm"><font color="#FFFFFF" face="Arial">Herren 2</font></a></li>
        <li><a href="Teams/f2.htm"><font color="#FFFFFF" face="Arial">Damen 2</font></a></li>

        <li><a href="Teams/mu21.htm"><font color="#FFFFFF" face="Arial">Junioren U21</font></a></li>
        <li><a href="Teams/fu19.htm"><font color="#FFFFFF" face="Arial">Juniorinnen U19</font></a></li>
        <li><a href="Teams/mu17.htm"><font color="#FFFFFF" face="Arial">Junioren U17</font></a></li>
        <li><a href="Teams/mu15.htm"><font color="#FFFFFF" face="Arial">Junioren U15</font></a></li>
        <li><a href="Teams/u13.htm"><font color="#FFFFFF" face="Arial">Animation U13</font></a></li>
        <li><a href="Teams/u9.11.htm"><font color="#FFFFFF" face="Arial">Animation U9/11</font></a></li>

      </ul>
    </li>
  </ul>
</div>

<div class="menu" style="position: absolute; left: 98px; top: 116px; width: 71px; height: 14px; z-index:9" id="link1">
  <ul>
    <li>
    <a class="Stil1" onMouseOver="montre('smenu');" onMouseOut="cache('smenu');" target="inline1" href="homeframe.htm">
    <font color="#FFFFFF">News</font></a>

      <ul id="smenu" onMouseOver="montre('smenu');" onMouseOut="cache('smenu');">
      </ul>
    </li>
  </ul>
</div>

<div class="menu" style="position: absolute; left: 66px; top: 167px; width: 71px; height: 14px; z-index:8" id="link2">
  <ul>
    <li><a href="javascript:void(0);" onMouseOver="montre('smenu7');" onMouseOut="cache('smenu7');">
    <font color="#FFFFFF">Verein</font></a>

      <ul id="smenu7" onMouseOver="montre('smenu7');" onMouseOut="cache('smenu7');">
		<li><a href="kalender.htm"><font color="#FFFFFF" face="Arial">Terminkalender</font></a></li>
        <li><a href="lageplan.htm"><font color="#FFFFFF" face="Arial">Turnhalle</font></a></li>
        <li><a href="beitrittserklaerung.htm"><font color="#FFFFFF" face="Arial">Mitgliedschaft</font></a></li>
        <li><a href="Aufbau.htm"><font color="#FFFFFF" face="Arial">Geschichte</font></a></li>
        <li><a href="Chronik.htm"><font color="#FFFFFF" face="Arial">Chronik</font></a></li>

        <li><a href="Statuten.htm"><font color="#FFFFFF" face="Arial">Statuten</font></a></li>
        <li><a href="sponsoren.htm"><font color="#FFFFFF" face="Arial">Sponsoren</font></a></li>
      </ul>
    </li>
  </ul>



	</div>

<div style="z-index: 1; position:absolute; top: 0px; left: 0px; width: 930; height: 615" id="hbild">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="930" height="615" codebase="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0">
    <param name="MOVIE" value="Unbenannt-2.swf">
    <param name="PLAY" value="true">
    <param name="LOOP" value="true">
    <param name="WMODE" value="transparent">
    <param name="QUALITY" value="high">
    <embed src="Unbenannt-2.swf" width="930" height="615" play="true" loop="true" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> </embed></object>
</div>

	</font>
	<div style="z-index: 2; position: absolute; left: 0px; top: 0px; width: 600" id="hframe">
  <iframe name="inline1" DIV id="menu1" STYLE="z-index: 1; position:relative; left:320; top:80; width: 600; visibility: visible;" height="472" width="600" src="file:///C:/Dokumente%20und%20Einstellungen/KurtKabine/Desktop/Alles%20f&uuml;r%20Homepage/My%20Webs/TV%20Sissach%20Homepage%20neu/homeframe.htm" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0">
  Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
</DIV> 
</BODY> 
</HTML>

MLG und Dank schonmal jetzt für allfällige Hilfe ;)
 
Welche Ebene oben liegt wird durch den z-index bestimmt (den Du ja auch teilweise benutzt). Wenn z-index nicht angegeben ist, dann gehts der Reihe nach, nach dem Motto: Die Letzten werden die Ersten sein.
Je höher der z-index, desto "obener" die Ebene ^^
 
Danke für die Antwort. Ich hab den Z-Index überall benutzt und richtig eingestellt. Bei der Vorschau auf meinem PC klappt das Ganze, im Internet dann nicht...
 
Hi.
KurtKabine hat gesagt.:
Bei der Vorschau auf meinem PC klappt das Ganze, im Internet dann nicht...
Zum Vergrößern anklicken....
Dann schau mal, wie du das Dokument für den iFrame referenziert hast:

Code: 
<iframe src="file:///C:/Dokumente%20und%20Einstellungen/KurtKabine/Desktop/Alles%20f&uuml;r%20Homepage/My%20Webs/TV%20Sissach%20Homepage%20neu/homeframe.htm" >
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück