Adobe Gl Live CS2 - Linkprobleme Firefox

[andi56]

Nach dem ordnungsgemäßen Hochladen über A.Go Live CS2, reagieren alle Links im Explorer, jedoch nicht im Firefox-Browser (auch nicht beim Rendering) (http://www.herfurth.eu)!
Das trifft sowohl die Button (erstellt über Adobe Photoshop 4.0) als auch die beiden Links auf der Seite "über mich".
2. Das Kontaktformular lässt sich zwar beschriften. Nach Drücken den buttons "Senden" passiert nichts. Im Inspektor ist beim Namen: recipient und beim Wert: meine email-Adresse eingetragen!
Danke im Vorausfür eine schnelle Antwort! andi56

 

[Maik]

Hi,

im "Homepage Reviews Forum" werden der Community Webseiten zur Bewertung vorgestellt.

Da es sich hierbei um ein Problem mit der CSS-Positionierung der einzelnen Ebenen handelt, schiebe ich den Thread ins CSS-Forum, und empfehle dir, die einzelnen Ebenen mittels der z-index-Eigenschaft in der Schichtposition korrekt anzuordnen, da hier die Links, wie auch der übrige Seiteninhalt von einer anderen Ebene überlagert werden, und deshalb nicht anklickbar sind.

Exemplarisch für die #Ebene7 (Link "Über mich"):

#Ebene7 { z-index:1000; height: 24px; width: 130px; left: 29px; top: 14px; position: absolute; right: 12px; bottom: 12px; visibility: visible; }

Auf diese Weise lässt sich der Link im FF tadellos anklicken.

Und das spielst du nun mit allen Ebenen durch, die derzeit nicht nutzbar sind

 

[andi56]

Vorab erst einmal vielen Dank: Problem leuchtet ein. Bin mit dem Quelltext nicht ganz so sattelfest. Wo muß ich mit ggf. welchem Symbol davor die Ergänzung oder Korrektur vornehmen? Hier die Kopie von Ebene 7 aus dem Quelltext:
<div id="Ebene7">
<a href="ueber_mich.html"><img src="Bilder/button/button_uebmi_weiss.jpg" alt="" height="24" width="130" border="0" /></a></div>

Danke!

 

[Maik]

Du musst die Änderungen im CSS-Code vornehmen, der sich im Dokumentheader befindet:

<style type="text/css" media="screen">

...

</style>

 

[andi56]

Sorry, auf welchem Weg komme ich dahin. Komme mit dem CSS-Editor nicht wirklich klar. noch ein Versuch bitte !?

 

[andi56]

So, habe mich mit dem Editor jetzt beschäftigt. 1. Habe die jeweilige html-Seite aufgerufen und die entsprechende Zeile ergänzt, sieht jetzt dahinter in einer Zeile so aus:
<style type="text/css" media="screen">#Ebene7 { z-index:1000; height: 24px; width: 130px; left: 29px; top: 14px; position: absolute; right: 12px; bottom: 12px; visibility: visible; } Fehlt da jetzt noch etwas? Weil so bleibt alles beim Alten. Habe jetzt erst einmal die index.html und uebermich.html so geändert.
Eine kurzzeitige Antwort wäre prima! Vielen Dank

 

[Maik]

Du brauchst den Selektor #Ebene7 nicht erneut in dem Stylesheet aufzunehmen, sondern lediglich im vorhandenen Selektor die z-index-Deklaration hinzufügen.

Ansonsten funktioniert jetzt der Link "Über mich" bei mir im FF einwandfrei.

 

[andi56]

Tja, jetzt sieht das wie folgt aus (alles in einer Zeile):
<style type="text/css" media="screen"> { z-index:1000; height: 24px; width: 130px; left: 29px; top: 14px; position: absolute; right: 12px; bottom: 12px; visibility: visible; } Leider noch immer ohne Erfolg. Wird wohl am besten sein, dass ich alles runterschmeiße und ganz neu aufbaue!?

 

[Maik]

Nochmal zur Verdeutlichung, wo du die zusätzliche Angabe im bestehenden Stylesheet notieren mußt:

<style type="text/css" media="screen"><!--
#Ebene1 { background-color: #03428b; height: 1630px; left: 50px; top: -470px; position: absolute; right: 20px; bottom: 0; width: 843px; visibility: visible; }
#Ebene2 { background-color: #e3e9f0; height: 1016px; width: 816px; left: 14px; top: 497px; position: absolute; visibility: visible; }
#Ebene4 { background-color: #b5c5db; height: 219px; width: 808px; left: 0; top: 0; position: absolute; visibility: visible; }
#Ebene5 { background-color: #808080; height: 1102px; width: 8px; left: 808px; top: 0; position: absolute; visibility: visible; }
#Ebene6 { background-color: #b5c5db; height: 50px; width: 782px; left: 16px; top: 236px; position: absolute; right: 12px; visibility: visible; }
#Ebene16 { background-color: #b5c5db; height: 86px; width: 800px; left: 8px; top: 1016px; position: absolute; visibility: visible; }
#id { }
#Ebene15 { height: 57px; width: 58px; left: 16px; top: 386px; position: absolute; visibility: visible; }
#Ebene25 { height: 60px; width: 58px; left: 16px; top: 693px; position: absolute; right: 12px; bottom: 12px; visibility: visible; }
#Ebene3 { height: 219px; width: 170px; left: 8px; top: 0; position: absolute; visibility: visible; }
#Ebene26 { background-color: #808080; height: 1102px; width: 8px; left: 0; top: 0; position: absolute; visibility: visible; }
.class { }
#Ebene13 { height: 700px; width: 724px; left: 74px; top: 303px; position: absolute; visibility: visible; }
#Ebene19 { height: 140px; width: 285px; left: 190px; top: 54px; position: absolute; right: 12px; visibility: visible; }
#Ebene17 { height: 32px; width: 620px; left: 24px; top: 10px; position: absolute; visibility: visible; }
#Ebene18 { height: 30px; width: 575px; left: 47px; top: 237px; position: absolute; visibility: visible; }
#Ebene20 { height: 180px; width: 389px; left: 143px; top: 276px; position: absolute; visibility: visible; }
#Ebene22 { height: 159px; width: 662px; left: 2px; top: 520px; position: absolute; visibility: visible; }
#Ebene21 { background-color: #03428b; height: 98px; width: 75px; left: 717px; top: 106px; position: absolute; visibility: visible; }
#Ebene23 { height: 75px; width: 53px; left: 11px; top: 12px; position: absolute; visibility: visible; }
#Ebene14 { height: 32px; width: 297px; left: 506px; top: 28px; position: absolute; right: 12px; bottom: 12px; visibility: visible; }
#Ebene24 { height: 56px; width: 41px; left: 11px; top: 0; position: absolute; visibility: visible; }
#Ebene27 { height: 56px; width: 41px; left: 11px; top: 0; position: absolute; visibility: visible; }
#Ebene28 { height: 52px; width: 400px; left: 200px; top: 13px; position: absolute; right: 12px; bottom: 13px; visibility: visible; }
#Ebene7 { z-index:1000; height: 24px; width: 130px; left: 29px; top: 14px; position: absolute; right: 12px; bottom: 12px; visibility: visible; }
#Ebene8 { z-index:1000; height: 24px; width: 130px; left: 192px; top: 14px; position: absolute; right: 12px; bottom: 12px; visibility: visible; }
#Ebene9 { z-index:1000; height: 24px; width: 130px; left: 346px; top: 14px; position: absolute; right: 12px; bottom: 12px; visibility: visible; }
#Ebene10 { z-index:1000; height: 24px; width: 130px; left: 480px; top: 14px; position: absolute; right: 12px; bottom: 12px; visibility: visible; }
#Ebene11 { z-index:1000; height: 24px; width: 130px; left: 619px; top: 14px; position: absolute; right: 12px; bottom: 12px; visibility: visible; }
#Ebene12 { height: 30px; width: 170px; left: 204px; top: 173px; position: absolute; right: 12px; bottom: 12px; visibility: visible; }
--></style>