Hey, wie kann ich die Bilder hier verkleinern und mittig positionieren? Mit margin wird das ganze verschoben, die Bildgröße mit height ausrichten funktioniert nicht, es gibt keine sichtbare Veränderung.
Viele Grüße, Jakob
HTML
<div class="mediaobergroup">
<table class="mediaaa">
<tr>
<th><div class="lufttable"></div></th>
<th><div class="Instaaagran" href="http://instagram.com/playgalaxy"></div></th>
<th><div class="TWIIII" href="http://twitter.com/playgalaxy_net"></div></th>
<th><div class="YYYTT" href="http://youtube.com"></div></th>
<th><div class="lufttable"></div></th>
<th></th>
</tr></table>
</div>
Alles anzeigen
CSS
.mediaobergroup{
background-color: aliceblue;
}
.mediaaa {
float: inherit;
height: 60px;
background-color: white;
}
.Instaaagran {
width: 128px;
height: 128px;
background: url(media/nice/colored/Instagram.png) no-repeat;
transition: 2.0s; }
.Instaaagran:hover {
background: url(media/nice/Instagram.png)
no-repeat; }
.TWIIII {
width: 128px;
height: 128px;
background: url(media/nice/colored/Twitter.png) no-repeat;
transition: 2.0s; }
.TWIIII:hover {
background: url(media/nice/Twitter.png)
no-repeat; }
.YYYTT {
width: 128px;
height: 128px;
background: url(media/nice/colored/YouTube.png) no-repeat;
transition: 2.0s; }
.YYYTT:hover {
background: url(media/nice/YouTube.png)
no-repeat; }
Alles anzeigen