Hallo Zusammen!
Ich möchte gerne auf unserer Webeseite eine Art Button haben, der einen Link zu einer weiteren unserer Webseiten enthält. Dieser Button soll immer seitllich sichbar sein.
Kann mir jemand sagen wie ich das machen kann? Habe eine Anleitung zu einem "call-to-action" Button gefunden, tue mir allerdings sehr schwer das umzusetzen.
Code
<style>
body{
height:2000px;
width:2000px;
}
.linktopage{
height:25px;
color:black;
text-decoration:none;
border:1px solidblack;
background:#ccc;
border:1px solid black;
padding:2px 20px 2px 20px;
}
.linktopage:active{
background:#ddd;
box-shadow:1px 1px 1px black;
}
.linktopage:hover{
background:#afffff;
}
#linktopage1{
position:fixed;
top:200px;
left:200px;
}
.w{
position:fixed;
top:150px;
}
</style>
<p>Dieser Button ist immer oben auf der Seite aber beim Scrollen ist er weg </p>
<a class="linktopage" id="linktopage" href="#">Link zur Seite</a>
<hr><p class="w">
Dieser Button ist Fixed und bleib immer an der gleichen stelle ,egal wo hin sie scrollen
</p>
<a class="linktopage" id="linktopage1" href="#">Link zur Seite</a>