R
reneo
Ich habe folgendes Problem:
Ich habe eine Seite erstellt, welche 2 Pulldown Menüs verwendet. Diese Menüs will ich nun aber mit einer genauen Positionsangabe an eine bestimmte Stelle setzten. Wenn ich dies aber mache, dann geht der z-index nicht mehr und das als letzte positionierte menü liegt geht immer über die anderen (das zu erst positionierte aber nicht mehr über das letzte).
Hab jezz schon ne menge rum probiert, hier mla mein script:
Hatte ein ursprungscript von einer seite, habe es aber ziemlich stark verändert...weiß jemand, wie ich das machen kann, das das letzt erstellte auch über das erst erstellte geht?
schonmal danke
Ich habe eine Seite erstellt, welche 2 Pulldown Menüs verwendet. Diese Menüs will ich nun aber mit einer genauen Positionsangabe an eine bestimmte Stelle setzten. Wenn ich dies aber mache, dann geht der z-index nicht mehr und das als letzte positionierte menü liegt geht immer über die anderen (das zu erst positionierte aber nicht mehr über das letzte).
Hab jezz schon ne menge rum probiert, hier mla mein script:
PHP:
<HTML>
<HEAD>
<META NAME="Author" CONTENT="Dr. Thomas Meinike - thomas@handmadecode.de">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>Ein Pull-Down-Menue mit etwas mehr DHTML (2)</TITLE>
<LINK REL="stylesheet" HREF="../styles/tipsinfo.css" TYPE="text/css">
<STYLE TYPE="text/css">
<!--
A
{
Color: red;
Text-Decoration: none;
}
A:HOVER
{
Color: green;
Font-Weight: bolder;
}
.unter
{
position: absolute;
z-index: 1;
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 12px;
Color: red;
Background-Color: CFD5E4;
Visibility: hidden;
Width: 120px;
Text-Align: center;
Cursor: pointer;
}
.haupt
{
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 14px;
Font-Weight: bolder;
Position: relative;
Color: red;
Background-Color: grey;
Text-Align: center;
Cursor: w-resize;
}
-->
</STYLE>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function MenueAuf(Men)
{
if(document.getElementById)
{
document.getElementById(Men).style.visibility="visible";
}
else if(document.all && !document.getElementById)
{
document.all[Men].style.visibility="visible";
}
}
function MenueZu(Men)
{
if(document.getElementById)
{
document.getElementById(Men).style.visibility="hidden";
}
else if(document.all && !document.getElementById)
{
document.all[Men].style.visibility="hidden";
}
}
//-->
</SCRIPT>
</HEAD>
<body background="hintergrund.jpg" marginwidth="0" marginheight="0">
<DIV style="position:absolute; bottom:5px; left:0px"><IMG SRC="hurand.gif" height=8 width=100%></DIV>
<DIV style="position:absolute; right:6px; top:0px"><IMG SRC="vrrand.gif" height=1050 width=7></DIV>
<IMG SRC=back8.gif style="position: absolute; bottom:0px; right:0px;">
<IMG SRC=boptions.gif style="position: absolute; bottom:50px; right:201px;">
<IMG SRC=bexplorer.gif style="position: absolute; bottom:50px; right:160px;">
<IMG SRC=bpfeill.gif style="position: absolute; bottom:50px; right:119px;">
<IMG SRC=bdesktop.gif style="position: absolute; bottom:50px; right:78px;">
<IMG SRC=bpfeilr.gif style="position: absolute; bottom:50px; right:37px;">
<IMG SRC=button.gif style="position: absolute; bottom:50px; right:-4px;">
<IMG SRC=button.gif style="position: absolute; bottom:50px; right:-45px;">
<DIV Style="position: absolute; right: 80px;">
<DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue1')" OnMouseOut="MenueZu('Menue1')"><IMG SRC="menul.gif"><IMG SRC="menum.gif" WIDTH=73 HEIGHT=28><IMG SRC="menur.gif"></DIV>
<DIV CLASS="unter" ID="Menue1" OnMouseOver="MenueAuf('Menue1')" OnMouseOut="MenueZu('Menue1')">
<DIV style="position:relative; top:0px;"><IMG SRC="horand.gif" height=8 width=100%></DIV>
<DIV style="position:absolute; right:0px; top:0px;"><IMG SRC="vrrand.gif" height=40 width=7></DIV>
<DIV style="position:absolute; left:0px; top:0px;"><IMG SRC="vlrand.gif" height=40 width=7></DIV>
<DIV style="position:absolute; bottom:-8px; left:0px;"><IMG SRC="hurand.gif" height=8 width=100%></DIV>
<DIV style="position:absolute; bottom:-8px; right:0px"><IMG SRC="erurand.gif"></DIV>
<DIV style="position:absolute; bottom:-8px; left:0px"><IMG SRC="elurand.gif"></DIV>
<DIV style="position:absolute; top:0px; right:0px"><IMG SRC="erorand.gif"></DIV>
<DIV style="position:absolute; top:0px; left:0px"><IMG SRC="elorand.gif"></DIV>
<A target="_self" HREF="www.hamster.de">www.hamster.de</A><BR>
<A target="_self" HREF="www.hamster.de">www.hamster.de</A><BR>
</DIV>
</DIV>
<DIV Style="position: absolute; right:80px; top:55;">hallo</DIV>
<DIV Style="position: absolute; right:80px; top:80;">
<DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue2')" OnMouseOut="MenueZu('Menue2')"><IMG SRC="menul.gif"><IMG SRC="menum.gif" WIDTH=73 HEIGHT=28><IMG SRC="menur.gif"></DIV>
<DIV CLASS="unter" ID="Menue2" OnMouseOver="MenueAuf('Menue2')" OnMouseOut="MenueZu('Menue2')">
<DIV style="position:relative; top:0px;"><IMG SRC="horand.gif" height=8 width=100%></DIV>
<DIV style="position:absolute; right:0px; top=0px;"><IMG SRC="vrrand.gif" height=40 width=7></DIV>
<DIV style="position:absolute; left:0px; top:0px;"><IMG SRC="vlrand.gif" height=40 width=7></DIV>
<DIV style="position:absolute; bottom:-8px; left:0px;"><IMG SRC="hurand.gif" height=8 width=100%></DIV>
<DIV style="position:absolute; bottom:-8px; right:0px"><IMG SRC="erurand.gif"></DIV>
<DIV style="position:absolute; bottom:-8px; left:0px"><IMG SRC="elurand.gif"></DIV>
<DIV style="position:absolute; top:0px; right:0px"><IMG SRC="erorand.gif"></DIV>
<DIV style="position:absolute; top:0px; left:0px"><IMG SRC="elorand.gif"></DIV>
<A target="_self" HREF="www.hamster.de">www.hamster.de</A><BR>
<A target="_self" HREF="www.hamster.de">www.hamster.de</A><BR>
</DIV>
</DIV>
</BODY>
</HTML>
Hatte ein ursprungscript von einer seite, habe es aber ziemlich stark verändert...weiß jemand, wie ich das machen kann, das das letzt erstellte auch über das erst erstellte geht?
schonmal danke