Mitgleitender Kontakt-Button links auf Seite

Hallo Zusammen,

für meine Seite möchte ich auf der Linken Seite ein Bild "Kontaktiere uns" haben, welcher dann immer auf die Kontaktseite verlinkt (Außer natürlich auf der Kontaktseite selbst, da soll das Bild ausgebledet sein).

Oben habe ich bereits ein ganz normales Menü, aber ich möchte zusätzlich, dass am Linken Rand der Seite, immer auf der Selben Position dieses Bild ist, selbst wenn ich die Seite rutnerscrolle.

Jemand eine Idee wie das geht?

Vielen Dank und viele Grüße!

P.S. Nach der selben Logik hätte ich rechts gerne Social Media Buttons die Mitgleiten, auch imemr an der Selben Stelle und auf Jeder Seite.

Nach nur vier Stunden Plugins installieren und mit Menüs und Widgets spielen, habe ich es hinbekommen! :-P

Die Lösung war recht simple, hab einfach folgenden Code in einen bereits existierende Footer als Text eingebaut:

<a style=display:scroll;position:fixed;top:35%;left:0px; href=http://www.quality-lifestyle.de/kontakt/><img src=http://www.quality-lifestyle.de/wp-content/uploads/2015/08/Vorgespraech1.png></a>

Das einzige Problem ist nur, dass auf der Startseide dieser Floating-Image vom Revolution Slider überdeckt wird (siehe http://www.quality-lifestyle.de), was doof ist, ich hätte gerne das Floating Image darüber, sprich von Anfang an sichtbar!

Vorschläge? :confused:

[COLOR=#333333]display:scroll hab ich rausgenommen,
mit einem [/COLOR][COLOR=#333333]z-index von 100 funktioniert es,
das mit Media query ist mir nicht klar, wie ich Mobile geräte ausschliessen kann. Müsste ja irgendwie in diese richtung gehen

if mobile then [/COLOR][COLOR=#0000C0][FONT=Bitstream Vera Sans Mono]display:none;[/FONT][/COLOR][COLOR=#333333]

Würde auch gerne darüber hinaus dass wenn man mit dem Mousezeiger drüber geht das breiter wird wie die Social Icons auf der rechten Seite, auch hier komm ich nicht weiter ;-(
(siehe http://www.quality-lifestyle.de)[/COLOR]

Funktioniert nicht

<a style=position:fixed;top:35%;left:0px;z-index:100; media=all
@media (max-width: 2200px) and (min-width: 801px); href=http://www.quality-lifestyle.de/kontakt/><img src=http://www.quality-lifestyle.de/wp-content/uploads/2015/08/Vorgespraech2.png></a>

Warum ist das eigentlich so wichtig, dass es auf mobilen Endgeräten ausgeblendet wird?

ich bekomm es einfach nicht hin :-|

Ich hab

<div class=mobileunterbinden><a style=position:fixed;top:35%;left:0px;z-index:100; href=http://www.quality-lifestyle.de/kontakt/><img src=http://www.quality-lifestyle.de/wp-content/uploads/2015/08/Vorgespraech2.png></a></div>

und

@media screen and (max-width: 2200px) and (min-width: 801px) {
  #mobileunterbinden {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

aber es funktioniert nicht....

Ich versuche es zu verstehen aber bin mitlerweile recht frustriert :-|

Meine Link hat die Form

<a class=mobileunterbinden style=position:fixed;top:35%;left:0px;z-index:100; href=http://www.quality-lifestyle.de/kontakt/><img src=http://www.quality-lifestyle.de/wp-content/uploads/2015/08/Vorgespraech2.png alt=Kontakt></a>

und meine custim css sieht so aus:

@media only screen and (min-width: 768px) {
	.header-split #Top_bar:not(.is-sticky) {
		background-color: rgba(255,255,255,10);
		position: absolute;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		top: 0;
                text-decoration: underline;
	}
}




@media screen and (max-width: 801px) {
  .mobileunterbinden {display: none;}
}

Bei class=mobileunterbinden habe ich die Anführungszeichen extra weggelassen, da dies als Text eingefügt wird und diese automatisch hinzugefügt werden.

Dennoch funktioniert es immer noch nicht auch wenn ich versuche zu verstehen warum :-{

wobei die untere Media die mobile darstellung unterbinden soll, die obere Media war schon vorher da.

Krass! Ok hab es jetzt verstanden: Ich hab das die ganze Zeit auf meinem Samsung Note 4 getestet und der Button wurde die ganze Zeit angezeigt. Es scheint einfach eine höhere Auflösung zu haben. Als ich es probeweise auf 1201px geändert habe ist es verschwunden. Also funktioniert das tatsächlich!

Danke euch :-*