Danke, damit bin ich schon um einiges schlauer
Eigentlich handelt es sich um eine Aneinanderreihung von Buttons.
<a class="myButton" href=""></a><a class="myButton" href=""></a><a class="myButton" href=""></a> ....
Mit position:absolute und bottom;0px werden diese nach unten verschoben. Zwei Probleme entstehen dadurch. Einerseits werden die Buttons ineinander geschoben und zweitens bleibt on Top der Bereich leer, so als wären die Buttons noch oben vorhanden, jedoch nicht ersichtlich.
Folgende Klasse habe ich mir zusammen gebastelt:
.myButton {
background-color: #eeeeee66;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border: 1px solid #eeeeee;
display:inline-block;
cursor:pointer;
color:#222222;
font-family:Noto Sans;
font-size:15px;
padding:1px 5px;
text-decoration:none;
margin-right:3px;
margin-top:3px;
}
.myButton:hover {
background-color:transparent;
}
.myButton:active {
position:relative;
top:1px;
}
Alles anzeigen