[HTML / CSS] Layer lässt Links nicht anklickbar sein

[Chrissi91]

Hi,

ich habe zu dme Thema schonmal gegoogelt, aber ich werde nicht fündig.

Ich habe ein Div Element mit Inhalt. Darüber ist ein weiteres Div-Element mit einer teilweise transparenten Grafik. Nun lassen sich die Links durch die "2. Ebene" aber nichtmehr anklicken.

Weiß jemand weiter? Bei Flashfilmen setzt man das Attribut wmode auf transparent. Aber bei Layern funktioniert das Ganze nicht.

Code:

<div style="position:absolute;">
    <div style="position:absolute; top:0px;left:0px;"><?php echo $content; ?></div>
    <div style="position:absolute; top:0px;left:0px;">[img]img/layer.png[/img]</div>
</div>

Der obrige Code ist für meine 2 "Ebenen" zuständig.

Ich hoffe ihr könnt mir helfen.

Chrissi91

[SubData]

Das muss so und das ist auch richtig so.
Wenn du nen anklickbaren Link haben willst, dann setz den Layer nach oben (zum Beispiel über den Z-Index) und alles ist gut.

[Chrissi91]

Hi,

sieh mal hier: http://www.pyrgo.de/KHeil/overall.php?pic=1

Das kommt raus, wenn ich den einen Layer über den anderen setze. Und so müsste es eigentlich aussehen: http://www.pyrgo.de/KHeil/

Verstehst du was ich meine?

[Matze]

Hi

*lupe zück* Worin besteht da genau der Unterschied? Ich sehe keinen, außer das andere Bild.

[Chrissi91]

Unten rechts. Das Logo. Also die Schlaufe rechts. Das ist bei Home leicht transparent. Und so muss es auch in der Galerie sein.

P.S.: Ups! http://www.pyrgo.de/KHeil/overall.php?pic=1 und http://www.pyrgo.de/KHeil2/overall.php?pic=1

[Manne]

Hi,

nimm mal das:

<div style="position: absolute;">
<div style="position: absolute; top: 0px; left: 0px; z-index: 1;"><span style=""><table height="330" width="577"><tbody><tr><td style="vertical-align: middle;" align="right">[img]bilder/index.jpg[/img]</td></tr></tbody></table></span></div>
<div style="position: absolute; top: 0px; left: 0px; z-index: 2;" >[img]img/layer.png[/img]</div>
</div>
die schleife ist jetzt über dem bild

MfG,
Manne

[Thorben77]

Es sollte helfen, wenn du den Wert für z-index bei diesem Ungetüm höher setzt:

Code:

<div wmode="transparent" style="position: absolute; top: 0px; left: 0px; z-index: 1;">
  [img]img/layer.png[/img]
</div>

Nur so ein gut gemeinter Rat: Es ist kein Wunder, dass du bei diesem Gewurschtel aus reinem Designmarkup, CSS und sonst noch was nicht mehr durchblickst. Ein bisschen weniger Designtabellen, reine Designgrafiken im Markup und ein bisschen mehr CSS erleichtern da den Überblick.

[Chrissi91]

Zitat:

Zitat von Manne

Hi,

nimm mal das:

<div style="position: absolute;">
&lt;div style="position: absolute; top: 0px; left: 0px; z-index: 1;"&gt;&lt;span style=""&gt;&lt;table height="330" width="577"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="vertical-align: middle;" align="right"&gt;&lt;img src="bilder/index.jpg" alt=""&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="position: absolute; top: 0px; left: 0px; z-index: 2;" &gt;&lt;img src="img/layer.png" alt=""&gt;&lt;/div&gt;
&lt;/div&gt;
die schleife ist jetzt über dem bild

MfG,
Manne

Aber dann sind die Links bei overall wieder nicht anklickbar. :roll:

EDIT:

Zitat:

Zitat von Thorben77

Es sollte helfen, wenn du den Wert für z-index bei diesem Ungetüm höher setzt:

Code:

<div wmode="transparent" style="position: absolute; top: 0px; left: 0px; z-index: 1;">
  [img]img/layer.png[/img]
</div>

Nur so ein gut gemeinter Rat: Es ist kein Wunder, dass du bei diesem Gewurschtel aus reinem Designmarkup, CSS und sonst noch was nicht mehr durchblickst. Ein bisschen weniger Designtabellen, reine Designgrafiken im Markup und ein bisschen mehr CSS erleichtern da den Überblick.

Bei dem Thema waren wir schon. :P Dann ist die schleife nicht sichtbar.

Und ich blicke sehrwohl durch. Wenn ich wüsste, was man da machen könnte, könnt ichs auch umsetzen, nur fällt mir dazu nichts ein, da ich so gut wie nie mit mehreren Ebenen arbeite.

[Thorben77]

Also bei mir sieht das dann genauso aus, wie bei deinem zweiten Beispiel (http://www.pyrgo.de/KHeil2/overall.php?pic=1).

Achja *hust* Warum Layout mit Tabellen dumm ist.