- #1
R
R4mir3z
Bekanntes Mitglied
Themenersteller
- Dabei seit
- 24.04.2005
- Beiträge
- 508
- Reaktionspunkte
- 0
- Ort
- Herne
Ich hab mal wieder eklatante Probleme mit einem neuen Homepage Projekt...
Da die Darstellung im toleranten Firefox so ist, wie sie sein sollte, im IE es gerade noch geht,
abgesehen davon, das die Navigationsleiste verschoben ist und es im Opera wie ein Puzzlespiel
aussieht, gehe ich mal davon aus, das ich quelltextmäßig sehr großen Mist gebaut habe ;D
Ausgangspunkt war der, in der Navigationsleiste Mouseover Frafiken mit einem Pulldown-menü
zu kombinieren. Mit Javascript eher suboptimal, aber was solls. Nun ist es so, das ich für jeden Unterpunkt
später eine andere Grafik verwende, sodass ich mir letztendlich irgendwas zusammengepfuscht habe, das es
wenigstens im firefox funktioniert...die gravierenden Fehler sind mir dann später aufgefallen.
-> http://home.arcor.de/swordfishzero/Versuchskaninchen/
Quellcode der index.htm
So und jetzt nehmt mich auseinander für meine Schandtat
ich bedanke mich schoneinmal im Voraus für eure Mühen....
Da die Darstellung im toleranten Firefox so ist, wie sie sein sollte, im IE es gerade noch geht,
abgesehen davon, das die Navigationsleiste verschoben ist und es im Opera wie ein Puzzlespiel
aussieht, gehe ich mal davon aus, das ich quelltextmäßig sehr großen Mist gebaut habe ;D
Ausgangspunkt war der, in der Navigationsleiste Mouseover Frafiken mit einem Pulldown-menü
zu kombinieren. Mit Javascript eher suboptimal, aber was solls. Nun ist es so, das ich für jeden Unterpunkt
später eine andere Grafik verwende, sodass ich mir letztendlich irgendwas zusammengepfuscht habe, das es
wenigstens im firefox funktioniert...die gravierenden Fehler sind mir dann später aufgefallen.
-> http://home.arcor.de/swordfishzero/Versuchskaninchen/
Quellcode der index.htm
Code:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
[url]http://www.w3.org/TR/html4/loose.dtd>[/url]
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>
<title>Das Versuchskaninchen</title>
<!--[if lt IE 7.]>
<script defer type=text/javascript src=pngfix.js></script>
<![endif]-->
<style type=text/css>
<!--
body {
background-image: url(bg.gif);
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 0px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.menu
{
position: absolute;
z-index: 3;
}
.menu li
{
width: 130px;
float: left;
}
.menu a
{
border: 0px solid #888;
display: block;
height: 30px;
cursor: crosshair;
}
.menu a:hover
{
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{
font-size: 12px;
display: none;
width: 130px;
cursor: crosshair;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7a
{
font-weight: normal;
padding-top: 0px;
border-top: 0px;
cursor: crosshair;
}
-->
</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>
</head>
<body>
<center>
<br>
<table width=910 border=0>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td align=center valign=middle><img src=testbanner.jpg><br>
<!-- Menüpunkt 1 -->
<div class=menu>
<ul>
<li><a href=javascript:void(0); onmouseover=montre('smenu1'); onmouseout=cache('smenu1');>
<span onMouseOver=test1.src='button2over.gif';onMouseOut=test1.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test1></a>
<ul id=smenu1 onmouseover=montre('smenu1'); onmouseout=cache('smenu1');>
<li><a href=# onMouseOver=test2.src='button2over.gif'; onMouseOut=test2.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test2></a></li>
<li><a href=# onMouseOver=test3.src='button2over.gif'; onMouseOut=test3.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test3></a></li>
<li><a href=></a></li>
</ul>
</li>
<!-- Menüpunkt 2 -->
<li><a href=javascript:void(0); onmouseover=montre('smenu2'); onmouseout=cache('smenu2');>
<span onMouseOver=test4.src='button2over.gif';onMouseOut=test4.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test4></a>
</li>
<!-- Menüpunkt 3 -->
<li><a href=javascript:void(0); onmouseover=montre('smenu3'); onmouseout=cache('smenu3');>
<span onMouseOver=test5.src='button2over.gif';onMouseOut=test5.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test5></a>
<ul id=smenu3 onmouseover=montre('smenu3'); onmouseout=cache('smenu3');>
<li><a href=# onMouseOver=test6.src='button2over.gif'; onMouseOut=test6.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test6></a></li>
<li><a href=></a></li>
</ul>
</li>
<!-- Menüpunkt 4 -->
<li><a href=javascript:void(0); onmouseover=montre('smenu4'); onmouseout=cache('smenu4');>
<span onMouseOver=test7.src='button2over.gif';onMouseOut=test7.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test7></a>
</li>
<!-- Menüpunkt 5 -->
<li><a href=javascript:void(0); onmouseover=montre('smenu5'); onmouseout=cache('smenu5');>
<span onMouseOver=test8.src='button2over.gif';onMouseOut=test8.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test8></a>
<ul id=smenu5 onmouseover=montre('smenu5'); onmouseout=cache('smenu5');>
<li><a href=# onMouseOver=test9.src='button2over.gif'; onMouseOut=test9.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test9></a></li>
<li><a href=# onMouseOver=test10.src='button2over.gif'; onMouseOut=test10.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test10></a></li>
<li><a href=# onMouseOver=test11.src='button2over.gif'; onMouseOut=test11.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test11></a></li>
<li><a href=# onMouseOver=test12.src='button2over.gif'; onMouseOut=test12.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test12></a></li>
</ul>
</li>
<!-- Menüpunkt 6 -->
<li><a href=javascript:void(0); onmouseover=montre('smenu6'); onmouseout=cache('smenu6');>
<span onMouseOver=test13.src='button2over.gif';onMouseOut=test13.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test13></a>
</li>
<!-- Menüpunkt 7 -->
<li><a href=javascript:void(0); onmouseover=montre('smenu7'); onmouseout=cache('smenu7');>
<span onMouseOver=test14.src='button2over.gif';onMouseOut=test14.src='button2out.gif'; target=_parent>
<img src=button2out.gif border=0 name=test14></a>
</li>
</div>
</td>
<td></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td align=center valign=middle background=bg1.jpg><img src=ellipse.png><br><img src=preload.gif></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</center>
</body>
</html>
So und jetzt nehmt mich auseinander für meine Schandtat
ich bedanke mich schoneinmal im Voraus für eure Mühen....