img:firrst-child

Door Zie Foto op 01-01-2015 12:46

1.556 views

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;
}

Frank Nietbelangrijk

01-01-2015 12:58

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.

Zie Foto

01-01-2015 13:06

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

Frank Nietbelangrijk

01-01-2015 13:37

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;
}

Zie Foto

01-01-2015 14:04

Oepsie! Dat klopt, nu staan ze wel mooi in het midden. Bedankt!

Reageren

Inloggen om te reageren