Adobe Gl Live CS2 - Linkprobleme Firefox

Status
Nicht offen für weitere Antworten.
A

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
 
M

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"):

Code:
#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 ;)
 
A

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!
 
M

Maik

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

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

...

</style>
 
A

andi56

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

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
 
M

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.
 
A

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!?
 
M

Maik

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

Code:
<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>
 
Status
Nicht offen für weitere Antworten.