[JOOMLA] Uitlijnen in template gaat niet goed

[TimVN]

Hallo,

Ik heb de volgende template: http://www.yootheme.com/demo/joomla/steam
Nu staan er boven een aantal knoppen (De social media knoppen).

Nu probeer ik deze template na te bouwen maar de uitlijning klopt voor geen meter.
Alles staat of onder elkaar of meer naar links.

Hoe hebben ze dit zo gedaan?

- TimVN

 

[Tha Devil]

Zo:

<ul class="social-icons">
<li class="facebook"><a href="#" title="Facebook"></a></li>
<li class="googleplus"><a href="#" title="Google +"></a></li>
</ul>

#headerbar .float-right .social-icons {
padding-right: 190px;
}

.social-icons li:first-child {
margin-left: 0;
}
.social-icons li {
margin: 0 0 0 20px;
}
.social-icons li, .social-icons li a {
float: left;
}

.social-icons .facebook a {
background-position: 50% -140px;
}
.social-icons li a {
display: inline-block;
overflow: hidden;
width: 68px;
height: 69px;
background-image: url("/demo/themes/joomla/2012/steam/templates/yoo_steam/images/tools/icons_social.png");
background-position: 50% 0;
background-repeat: no-repeat;
}
.social-icons .googleplus a {
background-position: 50% -410px;
}
.social-icons .vimeo a, .social-icons .googleplus a {
margin-top: 10px;
width: 48px;
height: 49px;
}

Maar ja, dat had je natuurlijk ook zelf wel uit de bron kunnen vissen.

Heb je een voorbeeld online waar we kunnen kijken hoe het er nu uit ziet?

 

[TimVN]

Nee, ik bouw het lokaal. En dat had ik inderdaad uit de bron kunnen vissen, maar Joomla werkt met module posities etc. Dus dat los op een pagina gooien wordt 'm niet.