Iets simpels maar het lukt me even niet

**Dave S** · 16-10-2011, 13:26

Ik zit met een - volgens mij - simpel probleem maar het lukt me gewoon even niet om het op te lossen. Boven ieder artikel wil ik een button voor Twitter, Google en Facebook en die wil ik naast elkaar zien. Helaas krijg ik er maar twee naast elkaar, de derde komt eronder. Hoe los ik dit op?

Voorbeeld:
http://www.jewebsitepromoten.nl/alle...-verzameld.php

Alvast bedankt voor de oplossing.

**Edo W** · 16-10-2011, 13:31

De FB-button heeft width="450"
Beetje te breed denk ik

**Tom S.** · 16-10-2011, 13:42

Zit er een Div om de facebook like button? zo ja geef die een class met float: left; en zo ook met de andere 2 share buttons dan komen ze naast elkaar.

Nog een mogelijkheid is met display: inline;

**Dave S** · 16-10-2011, 14:01

Bedankt heren, het is enigszins opgelost. Maar nu hangt de Facebook button iets lager dan de andere twee, hoe kan dat dan?

**Tom S.** · 16-10-2011, 16:20

De class of ID in de CSS van de facebook knop een margin-top: 0; geven of margin-top: -2px;
en de style achter aan de div weghalen want die gebruik je niet zo te zien.

**Dave S** · 16-10-2011, 19:53

Maar ik kan de class van de div van de Facebook knop niet veranderen, die haalt ie van Facebook.

**Tom S.** · 16-10-2011, 20:12

dan style="margin-top: -2px;" in de div

**Jan Willem L.** · 16-10-2011, 20:25

Hey dave,

Probeer eens om elke button een div te zetten.

begin met degene die je al gebruikt als huls (tweetbutton) ik zou daar zelf iets van .socialmedia maken, maar goed dat is persoonlijk. Vervolgens om elke buttom een .button en die allemaal float:left meegeven. je hebt al een lege "clear" div gebruikt om het floaten te beeindigen dus volgens mij moet ie het zo dan doen.

In firebug werkt het in ieder geval.....

Succes!

**Dave S** · 19-10-2011, 14:46

Ze staan nu wel naast elkaar maar dat hoogteverschil met de Facebook button blijft. Tom, style="margin-top: -2px;" werkt ook niet.

**Leon Zoutewelle** · 19-10-2011, 14:52

Op de div waar het allemaal in zit dus die naast de google top:-2px toevoegen.
heeft de classes (fb-like fb_edge_widget_with_comment fb_iframe_widget)

**Dave S** · 20-10-2011, 10:46

Wat bedoel je precies Leon? Ik snap het niet helemaal.

**Jan Willem L.** · 20-10-2011, 10:53

Dave, bij mij werkt "mijn" oplossing gewoon hoor. Ik zie ook niet dat je om elke button een div hebt gezet... als je daar nou mee begint dan wordt het plaatsen ervan een stuk makkelijker.

**Dave S** · 20-10-2011, 10:59

Sorry Jan Willem, ik dacht dat jouw advies alleen voor de uitlijning was maar het heeft dus ook effect op het hoogteverschil. Bedankt! Weet je ook nog hoe ik de horizontale ruimtes tussen de knoppen hetzelfde krijg?

gast39247 · 20-10-2011, 11:40

margin-right: 5px of padding-right: deze code moet je bij de .button div doen

**Dave S** · 20-10-2011, 12:12

Wat bedoel je precies Julius?

Iets simpels maar het lukt me even niet