Eisbergsalat
Neues Mitglied
Hi,
ich hab ein Problem mit zwei Symbolen die ich nachbauen wollte. Ich habe die Logos Freigestellt, die Transparenz ist auch OK denk ich.
Sie sind verzogen. Ich bekomm die Schrift einfach nicht in die Mitte. Kann mir jemand sagen wo der Fehler liegt?
Quelltext
CSS
Die Symbole sollen nebeneinander (sind sie) auf einer horizontalen Linie liegen und alle gleich hoch sein.
Danke für eure Hilfe
PPPPPSSSSS: ERLEDIGT
ich hab ein Problem mit zwei Symbolen die ich nachbauen wollte. Ich habe die Logos Freigestellt, die Transparenz ist auch OK denk ich.
Sie sind verzogen. Ich bekomm die Schrift einfach nicht in die Mitte. Kann mir jemand sagen wo der Fehler liegt?
Quelltext
HTML:
<div class="iTunes">
<a href="https://itunes.apple.com/de/album/keine-wie-du-single/id911059203" target="itunes_store">
<img alt="" src="images/iTunes.png" />
</a></div>
<div class="amazon">
<a href="http://www.amazon.de/Keine-wie-Du-Wolf/dp/B00MYFSSH6" target="amazon_store"><img alt=""
src="images/amazon.png" />
</a></div>
<div class="Google">
<a href="https://play.google.com/store/music/album/Wolf_Keine_wie_Du?id=Bzckx6tvmuvh7mxckw5yz5pz26e"
target="google_play_store"><img alt="" src="images/google_play.png" />
</a></div>
CSS
Code:
.iTunes {
background-color: #737373;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: 5px;
float: left;
}
.iTunes:hover {
background-color: #151515;
}
.iTunes_small {
background-color: #737373;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
height: 35%;
width: 100px;
border-radius: 5px;
float: left;
}
.iTunes_small:hover {
background-color: #151515;
}
.amazon {
background-color: #FFFFFF;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
height: 50%;
width: 200px;
border-radius: 5px;
float: left;
}
.amazon:hover {
background-color: #DBDADA;
}
.amazon_small {
background-color: #FFFFFF;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
height: 35%;
width: 100px;
border-radius: 5px;
float: left;
}
.amazon_small:hover {
background-color: #DBDADA;
}
.Google {
background-color: #737373;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
height: 70%;
width: 200px;
border-radius: 5px;
float: left;
}
.Google:hover {
background-color: #151515;
}
Die Symbole sollen nebeneinander (sind sie) auf einer horizontalen Linie liegen und alle gleich hoch sein.
Danke für eure Hilfe
PPPPPSSSSS: ERLEDIGT
Zuletzt bearbeitet: