gggaaaannnnnnzzzzz lauter schrei 
habs doch noch hinbekommen 
<script type="text/javascript">
function verst(img)
{
var style = document.getElementById(img).style
if (style.visibility == 'hidden'){
style.visibility = 'visible';}
else{
style.visibility = 'hidden';
}
}
</script>einfach mal für den fall das noch jemand mal dannach sucht 
PS: und hab striche gesetzt 
ja das dachte ich mir auch am anfang aber als es dann geklappt hat als ich die striche weggelassen habe , habe ich es dann so hingenommen 
. joa wäre spitze und ich versucht mich bisdahin weiter dran .... sollte ich es vorher lösen schrei ich
nee du das war es nicht , sobald ich das geändert hatte hats dann auch nicht mehr im fox oder ie funktioniert und im chrome war dann nicht mehr style undefined sondern das folgende .visibility:
- - - Aktualisiert - - -
- - - Aktualisiert - - -
überlege gerade ob es möglich ist die selbe funktionsweiße evtl. in php oder jquery zu übertragen um den fehler evtl. so zu umgehen ? was denkst du ?
Hiho,
hab diese Fehlermeldung in der Konsole wenn ich versuche meine im FF und IE laufende Seite im Chrome aufzurufen.
Kennt das evtl. schon jemand von euch ?
die Funktion welche es auslöst ist
<script type="text/javascript">
function verst(img)
{
if (img.style.visibility == 'hidden'){
img.style.visibility = 'visible';}
else{
img.style.visibility = 'hidden';
}
}
</script>und hierüber steuer ich sie an
<div id="l1e" style="position:absolute;z-index:2; ">
<img id="l1i" alt="Linienbündel 1" src="l1.gif" width="100%" height="100%" style="visibility:visible" /></div>
<input name="name" type="checkbox" value="li1" onchange='verst(l1i)' checked="checked" />
<a href="Linienbündel1.htm">Linienbündel 1</a>gibt wenig lösungen dazu und dann auch immer nur das man die datei von welcher man den style ändern will mit document.getElementById holen soll jedoch hab ich ja mehrere checkboxen und übergebe dann immer die dazugehörige ID über den Funktionsaufruf mit daher ist das recht unverständlich für mich und auch wüsste ich nicht wie ich es anders machen soll außer dann für jede checkbox eine extra funktion zu schreiben ....
danke schonmal vorab
Versuch mich jetzt schon einige Zeit daran aber funzt weiterhin spitze ! Jetzt hab ich aber schon wieder das nächste Problem :-P. Aber mach dazu einen extra FRED auf wenn ich es net hinbekomme
:groesste:groesste:groesste
jetzt funzt .... die idee mit dem split hatte ich auch nur das ich es an die falsche stelle gepackt hab .... muss echt den satzbau üben
kann dir garnicht genug danken hab dich ja ganzschön beschäftigt damit ! aber jetzt hat euer forum wenigstens etwas das ich sonst nirgens gefunden hab !
hier mal noch der entgültig bei mir funzende code
<script type="text/javascript">
var um = (document.getElementById("sci").width)/3633;
var areas = document.getElementsByTagName('area');
for(var i=0; i< areas.length; i++){
var coords = areas[i].coords;
coords = coords.split(',');
var areaCoords = new Array();
for(var j=0; j<coords.length; j++){
areaCoords[j]=Math.round(coords[j]*um);
}
areas[i].coords = areaCoords.join(',');}
</script>aber wie gesagt nochmal ein riesen gigantisches dankeschön !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
haja aber ich hab auch schon einen großen stapel bretter jetzt neben mir liegen
also wenn ich das gerade richtig sehe und verstehe im firebug liegt das problem hier:
[B] areaCoords[j][/B]=(Math.round(parseInt([B]coords[j][/B])*um));
den die werte werden ziffernweiße übergeben, in dem array coords sind sie aber noch richtig hinterlegt ... denn auch wenn ich die berechnung in der zeile weg lasse werden die werte nur ziffer für ziffer bzw. zeichen für zeichen übergeben.
naja der quellcode hat sich nicht groß verändert ...
dickes danke erstmal so ähnlich hatte ich es auch mein problem ist nur immer das einlesen in ein array und das zurückgeben ..... das verhältnis bzw. der umrechnungsfaktor ist bei höhe und weite immer der selbe also dürfte das eigentlich nicht das problem sein .... hoffe ich 
ich kanns aber im mom noch nicht sagen da ich im mom von dem firebug noch ein problem berichtet bekomme
Das "coords"-Attribut des <area shape="rect">-Tags ist nicht im Format "links,oben,rechts,unten".
coords="1,1,NaN,0,0,0,3,NaN,0,2,1,0,NaN,0,1,0,3"
schätze mal hängt sich noch irgendwie an der übergabe der werte auf.
und kanns nicht oft genug sagen dickes danke !
also habs gelöst aber wenn du siehst wie ...... naja sagen wir mal so jeder Programmierer zeigt mir einen vogel ....
ähm das mit den hochladen wird glaube ehr problematisch, aber das wichtigste ist doch ansich der code also was da nun für ein bild dahinter liegt ist doch nicht wichtig die usemap liegt ja eh nur auf dem oberen also ist nicht so das eine areas jede auf einer ebene liegt die ganze einzelbilder hängen mit der anderen funktion im head zusammen.
<script type="text/javascript">
function ber(eb){
var um = (eb.width)/3633;
var koord = new Array(33, 118, 640, 418);
for(var i = 0 ; i < koord.length ; i++)
{koord[i]=Math.round(koord[i]*um);}
document.getElementById('l1a').coords = koord[0]+ ',' + koord[1] +',' + koord[2]+ ',' + koord[3];
var koord = new Array(33, 415, 640, 552);
for(var i = 0 ; i < koord.length ; i++)
{koord[i]=Math.round(koord[i]*um);}
document.getElementById('l2a').coords = koord[0]+ ',' + koord[1] +',' + koord[2]+ ',' + koord[3];
var koord = new Array(33, 551, 640, 768);
for(var i = 0 ; i < koord.length ; i++)
{koord[i]=Math.round(koord[i]*um);}
document.getElementById('l3a').coords = koord[0]+ ',' + koord[1] +',' + koord[2]+ ',' + koord[3];
var koord = new Array(33, 767, 640, 932);
for(var i = 0 ; i < koord.length ; i++)
{koord[i]=Math.round(koord[i]*um);}
document.getElementById('l4a').coords = koord[0]+ ',' + koord[1] +',' + koord[2]+ ',' + koord[3];
var koord = new Array(33, 931, 640, 1148);
.
.
.
.
.
und das geht halt noch bis zum area bereich 18 so weiter ... naja der code ist zwar jetzt aufgeblasen wir verrückt aber das was ich erreichen wollte funzt 
ppuuhhh ok naja ich versuch mich mal dran ... aber jetzt mal eine blöde frage ansich müsste ich doch jetzt mit coords.coords auf die gespeicherten coords zu zu greifen da es ja in dem array coords unter coords abgespeichert ist .... langsam glaub ich echt ich bin zu doof dafür ...
- - - Aktualisiert - - -
frage hat sich erledigt, da lag ich wohl falsch
puuuhh super danke dir, das lustige ist kurz bevor ich wieder rein geschaut hab dachte ich mir noch so eingentlich musst es ja irgendwie verbinden ist ja im java auch so aber manchmal ist man auch wie vernagelt.
naja wenn ich das in ein array mache müsste es ja, um es richtig anzusteuern zu können und es dann an die richtige stelle zu bekommen, ein zwei dimensionales array sein oder liege ich da falsch ?
https://dl.dropboxusercontent.com/u/59723230/hex3.jpg
will halt die areas an der seite über die kästchen haben und dann noch das eine oder andere auf dem img
aber wie gesagt mit der formel funzt es jetzt es bläht halt nur den code ohne ende auf
- - - Aktualisiert - - -
aso das ist das ausgangs bild aus dem ich wegen der hidde and show funtkion mehrere herausgezogen habe
was mir jetzt jedoch schon extrem helfen würde wäre wenn, wenn du evtl. siehst wo ich hier den fehler drin hab um die coords zu überschreiben
<script type="text/javascript">
function ber (eb){
var um = (eb.width)/3633;
var koord = new Array(33, 118, 640, 418)
for(var i = 0 ; i < koord.length ; i++)
{
koord[i]=Math.round(koord[i]*um);
}
document.getElementById('l1a').coords = koord[0], koord[1], koord[2], koord[3];
}
</script>das ist die dazugehörige fehlermeldung
Das "coords"-Attribut des <area shape="rect">-Tags ist nicht im Format "links,oben,rechts,unten".
coords="12"
hey danke erstmal für die Antworten werds beherzigen mit den scripten und sry hab mir übers we mal eine auszeit von dem thema gegönnt
ähm kannst mir das mit den absoluten pfaden kurz mal erläutern sry ist das erstmal das ich jetzt so über ein forum hilfe suche da hab ich nicht so den durchblick wie scheinbar auch im html
ähm die grafiken sind aktuell in der größe 3633x2544 naja und auf die größe sind auch die areas angepasst.
die auflösung meines lapis ist 1366x768 (wobei ich mir relativ sicher bin das es nicht das ist was du meinst )
wollte mich jetzt mal mit jQuery beschäftigen weil du ja schon sagtest das es damit wohl geht .... denke mal lieber in ein framework einarbeiten als ewig nicht weiter zu kommen
gruß
und evtl. hast du je eine idee wenn ich die coords dann in einem arry drin hab wie bekomm ich die wieder raus ?
also wie bekommen ich die wieder in die coords zurück ?
var um = (eb.width)/3633;
var koord = new Array(33, 118, 640, 418)
for(var i = 0 ; i < koord.length ; i++)
{
koord[i]=koord[i]*um;
}
document.getElementById('l1a').coords ='koord[0], koord[1] , koord[2] , koord[3]';hab jetzt die coords einfach fest hinterlegt das bläht zwar den code auf das übelste auf da ich es dann für jede area machen muss, aber am ende zählt nur das ergebnis
- - - Aktualisiert - - -
ups hatte deins noch nicht gesehen, muss ich eben mal schauen da ich den code immer wieder verändert hab und das was nicht gefunzt hat wieder rausgehauen hab
aso und ja das mit name ungleich hatte ich schon gecheckt
- - - Aktualisiert - - -
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Netzlinienplan</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<style type="text/css">
.style1 {
text-decoration: underline;
}
.style2 {
text-align: center;
}
</style>
<script type="text/javascript">
var hook = document.getElementById('netz');
var areas = hook.getElementsBy('area');
var coords = new Array();
for(var i=0; i<areas.length; i++){
coords.push({
"area_index" :i,
"area_href" : areas[i].href,
"coords" :areas[i].coords
});
}
console.log(coords)
</script>
<script type="text/javascript">
function anpa(img , area) {
var sw = screen.width;
var sh = screen.height;
var i = img.width/3633;
if (img.width != 3633)
{
alert (area.coords);
for (var j = 0; j<area.coords.length;j++){
area.coords[j]=area.coords[j]*i;
alert(area.coords[j]);
}
}
}
</script>
<script type="text/javascript">
function verst(img)
{
if (img.style.visibility == 'hidden'){
img.style.visibility = 'visible';}
else{
img.style.visibility = 'hidden';
}
}
</script>
</head>
<body onload="anpa(l1i, l1a)">
<form method="post" action="">
<div class="style2" style="width: auto">
<h1 class="style1"><em>Bitte wählen sie ihr Linienbündel</em></h1>
<strong>
<input name="name" type="checkbox" value="li1" onchange='verst(l1)' checked="checked" />
<a href="Linienbündel1.htm">Linienbündel 1</a>
<input name="name" type="checkbox" value="li2" onchange='verst(l2)' checked="checked" />
<a href="Linienbündel2.htm">Linienbündel 2</a>
<input name="name" type="checkbox" value="li3" onchange='verst(l3)' checked="checked" />
<a href="Linienbündel3.htm">Linienbündel 3 </a>
<input name="name" type="checkbox" value="li4" onchange='verst(l4)' checked="checked" />
<a href="Linienbündel4.htm">Linienbündel 4</a>
<input name="name" type="checkbox" value="li5" onchange='verst(l5)' checked="checked" />
<a href="Linienbündel5.htm">Linienbündel 5</a><br/>
<input name="name" type="checkbox" value="li6" onchange='verst(l6)' checked="checked" />
<a href="Linienbündel6.htm">Linienbündel 6</a>
<input name="name" type="checkbox" value="li7" onchange='verst(l7)' checked="checked" />
<a href="Linienbündel7.htm">Linienbündel 7 </a>
<input name="name" type="checkbox" value="li8" onchange='verst(l' checked="checked" />
<a href="Linienbündel8.htm">Linienbündel 8 </a>
<input name="name" type="checkbox" value="li9" onchange='verst(l9)' checked="checked" />
<a href="Linienbündel9.htm">Linienbündel 9</a>
<input name="name" type="checkbox" value="Einz" onchange='verst(el)'checked="checked" />
<a href="Einzellinien.htm">Einzellinien </a> </strong> <br/>
</div>
</form>
<div>
<div id="grunde" style="position:absolute;z-index:1; ">
<img id="grundi" alt="Grundebene" src="grund.gif" width="100%" height="100%" /></div>
<div id="l1e" style="position:absolute;z-index:2; ">
<img id="l1i" alt="Linienbündel 1" src="l1.gif" width="100%" height="100%" /></div>
<div id="l2e" style="position:absolute;z-index:3; ">
<img id="l2i" alt="Linienbündel 2"src="l2.gif" width="100%" height="100%"/></div>
<div id="l3e" style="position:absolute;z-index:4; ">
<img id="l3i" alt="Linienbündel 3"src="l3.gif"width="100%" height="100%" /></div>
<div id="l4e" style="position:absolute;z-index:5; ">
<img id="l4i" alt="Linienbündel 4"src="l4.gif" width="100%" height="100%"/></div>
<div id="l5e" style="position:absolute;z-index:6; ">
<img id="l5i" alt="Linienbündel 5"src="l5.gif" width="100%" height="100%" /></div>
<div id="l6e" style="position:absolute;z-index:7; ">
<img id="l6i" alt="Linienbündel 7"src="l6.gif" width="100%" height="100%" /></div>
<div id="l7e" style="position:absolute;z-index:8;">
<img id="l7i" alt="Linienbündel 7"src="l7.gif" width="100%" height="100%" /></div>
<div id="l8e" style="position:absolute;z-index:9; ">
<img id="l8i" alt="Linienbündel 8"src="l8.gif" width="100%" height="100%" /></div>
<div id="l9e" style="position:absolute;z-index:10; ">
<img id="l9i" alt="Linienbündel 9"src="l9.gif" width="100%" height="100%" /></div>
<div id="ele" style="position:absolute;z-index:11; ">
<img id="eli" alt="Einzellinien"src="el.gif" width="100%" height="100%" /></div>
<div id="bahne" style="position:absolute;z-index:12; ">
<img id="bahni" alt="Bahnlinien"src="bahn.gif" width="100%" height="100%" /></div>
<div id="cie" style="position:absolute;z-index:13; ">
<img id="cii" alt="Städte"src="ci.gif" width="100%" height="100%" /></div>
<div id="sce" style="position:absolute;z-index:14; ">
<img id="sci" alt="Service Center"src="sc.gif" width="100%" height="100%" usemap = "#netz" />
<map name="netz" id="netz" >
<area id="l1a" shape="rect" coords="33, 118, 640, 418" href="Linienbündel1.htm"/>
<area id="l2a" shape="rect" coords="33, 415, 640, 552" href="Linienbündel2.htm" />
<area id="l3a" shape="rect" coords="33, 551, 640, 768" href="Linienbündel3.htm"/>
<area id="l4a" shape="rect" coords="33, 767, 640, 932" href="Linienbündel4.htm"/>
<area id="l5a" shape="rect" coords="33, 931, 640, 1148" href="Linienbündel5.htm"/>
<area id="l6a" shape="rect" coords="33, 1148, 640, 1365" href="Linienbündel6.htm"/>
<area id="l7a" shape="rect" coords="33, 1363, 640, 1528" href="Linienbündel7.htm"/>
<area id="l8a" shape="rect" coords="33, 1526, 640, 1768" href="Linienbündel8.htm"/>
<area id="l9a" shape="rect" coords="33, 1769, 640, 2089" href="Linienbündel9.htm"/>
<area id="ela" shape="rect" coords="33, 2090, 640, 2258" href="Einzellinien.htm"/>
</map>
</div>
</div>
</body>
</html>der ist zwar jetzt nicht der von heute morgen den wie gesagt den hab ich wieder zweschossen aber, müsste ungefähr der von gestern abend sein
mmmhhh komisch bei mir kommt immer
TypeError: hook is null
var areas = hook.getElementsByTagName('area');
ich weiß die frage ist jetzt etwas doof
coords.push({
"area_index" :i,
"area_href" : areas[i].href,
"coords" :areas[i].coords });
aber könntest du mir kurz das codefragment kommentieren ?
ja, glaube das hattest du schon aus meinem quellcode von oben übernommen ;-).
ähm die 3633 ist die orginalweite der grafik. und wenn ich die angepasste bildgröße auslese und durch diese zahl dividieren lasse hab ich ja dann rein theoretisch den multiplikator um die coords im selben verhältniss zu ändern ..... das hab ich alles in den quellcode gepackt nur bekomm ich die coords jetzt nicht als werte zu greifen.
wenn ich das hätte also der zugriff auf die coords um sie zu multipilieren und dann zu überschreiben .... glaube ist bei mir ein sprachproblem
ansich ist mein grundproblem : ich habe die grafik und wenn man auf gewisse bereiche klickt soll dann eine weiterleitung erfolgen.
nun soll sich die grafik dem screen anpassen und dementsprechend sollen auch die
weiterleitungsbereiche angepasst werden. gibt es da evtl. auch noch eine andere möglichkeit außer die areas ?
- - - Aktualisiert - - -
hatte auch schon überlegt mehrere versionen der seite zu machen und onload eine abfrage zu machen und dann die version mit der am besten passenden grafik auf zu machen, aber muss doch auch auf einer seite zu lösen sein .....
hey habs mal versucht jedoch bekomm ich im firebug
[TABLE='class: domTable']
[TR='class: memberRow userRow']
[TD='class: memberLabelCell']areas[/TD]
[TD='class: memberValueCell'] undefined[/TD]
[/TR]
[TR='class: memberRow userRow']
[TD='class: memberHeaderCell'][/TD]
[TD='class: memberLabelCell']coords[/TD]
[TD='class: memberValueCell']undefined[/TD]
[/TR]
[TR='class: memberRow userRow']
[TD='class: memberHeaderCell'][/TD]
[TD='class: memberLabelCell']hook[/TD]
[TD='class: memberValueCell']null[/TD]
[/TR]
[TR='class: memberRow userRow']
[TD='class: memberHeaderCell'][/TD]
[TD='class: memberLabelCell']i[/TD]
[TD='class: memberValueCell']undefined
[/TD]
[/TR]
[/TABLE]
meine idee war halt
<script type="text/javascript">
function anpa (img , area)
{
var sw = screen.width;
var sh = screen.height;
var i = img.width/3633;
if (img.width != 3633)
{
alert (area.coords);
for (var j = 0; j<area.coords.length;j++){
area.coords[j]=area.coords[j]*i;
alert(area.coords[j];
}
}
}
</script>
jedoch bekomm ich da auch keine ergebniss. hatte halt gedacht das die area coords ja ansich schon ein array sein müssten und ich sie so ansteuern könnte und sie halt dann im selben verhältniss wie das bild verringere
gruß
also so gibt er mir halt jede ziffer einzeln aus, jedoch berechnet er es nichts
hey also jquery hab ich bisher noch nie genutzt müsste mich da glaube erstmal einlesen.
weißt du durch zufall wie ich über javascript auf die coordinaten der area bereiche zugreifen kann ?
lg und danke
schade hatte noch hoffnung aber egal, vielen vielen dank hätte mich sonst wohl noch ewig tot gesucht nach einer möglichkeit!
die frage wäre dann jetzt wie kann ich die coord ansteuern geht das auch eingfach mit punktnotation von der formel her würde ich den screen bzw. bildschrim einlesen und dann einfach die orginal größe dadurch dividieren und das selbe dann bei den coords machen.
müsste doch klappen oder ?
Hallo zusammen,
da ich nun schon seit Tagen verzweifelt suche und nix finde (evtl. suche ich nach den falschen Themen bzw. ist es nicht möglich) , möchte ich euch jetzt mal fragen.
Ich habe mehrere Img-Datein übereinander gelegt und die oberste mit mehreren Area bereichen und den dementsprechenden Verlinkungen belegt. Nun habe ich über die % Angebe in width und heigth die Img's sich immer an den Browser anpassen lassen.
Nun die Frage gibt es eine Möglichkeit es hinzubekommen das die Areabereiche sich dieser anpassung an den Browser auch beugen ? Den bei mir behalten sie ihre größe, habe zuletzt versucht sie in ein div zu packen und es darüber zu machen jedoch wollte das nicht klappen jetzt hatte ich überlegt die coords und die screenabmessungen rauszuziehen dann über die orginal Abmessungen der Img's einen Maßstab zu berechnen und dann die Coords darüber neu zu berechnen ist das möglich ?
Würde mich über etwas Hilfe sehr freuen auch wenn es nur ein link ist über den ich mir das nötige Wissen anlesen kann
Grüße
DarWinger
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Netzlinienplan</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<style type="text/css">
.style1 {
text-decoration: underline;
}
.style2 {
text-align: center;
}
</style>
<script type="text/javascript">
function verst(img)
{
if (img.style.visibility == 'hidden'){
img.style.visibility = 'visible';}
else{
img.style.visibility = 'hidden';
}
}
</script>
</head>
<body>
<form method="post" action="">
<div class="style2" style="width: auto">
<h1 class="style1"><em>Bitte wählen sie ihr Linienbündel</em></h1>
<strong>
<input name="name" type="checkbox" value="li1" onchange='verst(l1)' checked="checked" />
<a href="Linienbündel1.htm">Linienbündel 1</a>
<input name="name" type="checkbox" value="li2" onchange='verst(l2)' checked="checked" />
<a href="Linienbündel2.htm">Linienbündel 2</a>
<input name="name" type="checkbox" value="li3" onchange='verst(l3)' checked="checked" />
<a href="Linienbündel3.htm">Linienbündel 3 </a>
<input name="name" type="checkbox" value="li4" onchange='verst(l4)' checked="checked" />
<a href="Linienbündel4.htm">Linienbündel 4</a>
<input name="name" type="checkbox" value="li5" onchange='verst(l5)' checked="checked" />
<a href="Linienbündel5.htm">Linienbündel 5</a><br/>
<input name="name" type="checkbox" value="li6" onchange='verst(l6)' checked="checked" />
<a href="Linienbündel6.htm">Linienbündel 6</a>
<input name="name" type="checkbox" value="li7" onchange='verst(l7)' checked="checked" />
<a href="Linienbündel7.htm">Linienbündel 7 </a>
<input name="name" type="checkbox" value="li8" onchange='verst(l8)' checked="checked" />
<a href="Linienbündel8.htm">Linienbündel 8 </a>
<input name="name" type="checkbox" value="li9" onchange='verst(l9)' checked="checked" />
<a href="Linienbündel9.htm">Linienbündel 9</a>
<input name="name" type="checkbox" value="Einz" onchange='verst(el)'checked="checked" />
<a href="Einzellinien.htm">Einzellinien </a> </strong> <br/>
</div>
</form>
<div id="grund" style="position:absolute;z-index:1; ">
<img src="grund.gif" width="100%" height="100%" /></div>
<div id="l1" style="position:absolute;z-index:2; ">
<img src="l1.gif" width="100%" height="100%" /></div>
<div id="l2" style="position:absolute;z-index:3; ">
<img src="l2.gif" width="100%" height="100%"/></div>
<div id="l3" style="position:absolute;z-index:4; ">
<img src="l3.gif"width="100%" height="100%" /></div>
<div id="l4" style="position:absolute;z-index:5; ">
<img src="l4.gif" width="100%" height="100%"/></div>
<div id="l5" style="position:absolute;z-index:6; ">
<img src="l5.gif" width="100%" height="100%" /></div>
<div id="l6" style="position:absolute;z-index:7; ">
<img src="l6.gif" width="100%" height="100%" /></div>
<div id="l7" style="position:absolute;z-index:8; ">
<img src="l7.gif" width="100%" height="100%" /></div>
<div id="l8" style="position:absolute;z-index:9; ">
<img src="l8.gif" width="100%" height="100%" /></div>
<div id="l9" style="position:absolute;z-index:10; ">
<img src="l9.gif" width="100%" height="100%" /></div>
<div id="el" style="position:absolute;z-index:11; ">
<img src="el.gif" width="100%" height="100%" /></div>
<div id="bahn" style="position:absolute;z-index:12; ">
<img src="bahn.gif" width="100%" height="100%" /></div>
<div id="ci" style="position:absolute;z-index:13; ">
<img src="ci.gif" width="100%" height="100%" /></div>
<div id="sc" style="position:absolute;z-index:14; ">
<img src="sc.gif" width="100%" height="100%" usemap = "#netz" />
<map name="netz" >
<area shape="rect" coords="14, 415, 296, 552" href="Linienbündel2.htm" />
<area shape="rect" coords="15, 118, 296, 418" href="Linienbündel1.htm"/>
<area shape="rect" coords="13, 549, 294, 768" href="Linienbündel3.htm"/>
<area shape="rect" coords="13, 768, 295, 935" href="Linienbündel4.htm"/>
<area shape="rect" coords="12, 1526, 294, 1768" href="Linienbündel8.htm"/>
<area shape="rect" coords="13, 932, 295, 1149" href="Linienbündel5.htm"/>
<area shape="rect" coords="14, 1148, 296, 1365" href="Linienbündel6.htm"/>
<area shape="rect" coords="11, 1766, 294, 2090" href="Linienbündel9.htm"/>
<area shape="rect" coords="13, 1365, 294, 1528" href="Linienbündel7.htm"/>
<area shape="rect" coords="9, 2088, 294, 2256" href="Einzellinien.htm"/>
</map>
</div>
</body>
</html>