Wat klopt er niet met onderstaande code?
4 afbeeldingen op een rij en ik wil er graag wat afstand tussen.
De 1ste moet natuurlijk geen afstand hebben.


.social img{
	margin-left: 25px;
}

.social img:first-child{
	margin-left: 0px;
}
Daar is niets mis mee. Wel moeten de afbeeldingen in een parent element staan met de class="social". Als het niet werkt kun je nog een !important toevoegen.
Frank Nietbelangrijk op 01/01/2015 12:58:21

Daar is niets mis mee. Wel moeten de afbeeldingen in een parent element staan met de class="social". Als het niet werkt kun je nog een !important toevoegen.


Een voorbeeld
Jaaaa...

Je vergeet dat de eerste elementen een <a> zijn en geen <img>

.social a img{
	margin-left: 25px;
}

.social a:first-child img {
	margin-left: 0px !important;
}

.social{
	text-align: center;
}
Oepsie! Dat klopt, nu staan ze wel mooi in het midden. Bedankt!

Reageren