Fixiertes Bild verlinken?

selba · 15 Mai 2013

Hallo,

ich will links auf meiner website ein fixiertes bild, über das man per Mausklick auf eine andere, externe seite kommt.
Mein problem ist jetzt, dass das bild entweder fixiert ist oder die weiterleitung funktioniert, beides zusammen will irgendwie nicht klappen. außerdem rutschen immer sämtliche andere elemente der seite nach unten, wenn die weiterleitung funktioniert.
wie bekomm ich das denn hin, dass sowohl das bild oben links ist, also auch alle anderen elemente an ihrer vorgesehenen position und die weiterleitung per mausklick funktioniert??
Hier soll die Guitarre links als link fungieren Lebensmusik, im moment ist sie zwar da wo sie sein soll, aber das mit der weiterleitung funzt nicht...
So sieht das im moment im <body> aus:

HTML:

<a href="http://d-r4wings.tumblr.com/post/28891320318"><div id="posfixed"><img src="http://25.media.tumblr.com/tumblr_m8ddl8oEcp1rcsnvio1_400.jpg" position="fixed"/></a>

oben bei <style> ist das hier

HTML:

#posfixed {position: fixed}

definiert.

Hilfe bitte?!

Grüße
selba

threadi · 15 Mai 2013

Dein HTML-Code ist fehlerhaft, was auch der Grund für das Fehlverhalten ist.

Falsch:

HTML:

<a href="http://d-r4wings.tumblr.com/post/28891320318"><div id="posfixed"><img src="http://25.media.tumblr.com/tumblr_m8ddl8oEcp1rcsnvio1_400.jpg" position="fixed"/></a>

Korrekt:

HTML:

<a href="http://d-r4wings.tumblr.com/post/28891320318"  id="posfixed"><img src="http://25.media.tumblr.com/tumblr_m8ddl8oEcp1rcsnvio1_400.jpg" position="fixed"/></a>

Ergänze dann auch im CSS noch:

Code:

#posfixed {
 display: block;
 position: fixed;
}

Und korrigiere auch die restlichen HTML-Fehler:
[Invalid] Markup Validation of http://music-helps-living.tumblr.com/ - W3C Markup Validator

Fixiertes Bild verlinken?

selba

Neues Mitglied

threadi

Moderator

Neueste Beiträge