Verlagen minimum width embed facebook review

Status
Niet open voor verdere reacties.

Sammied

Gebruiker
Lid geworden
13 aug 2010
Berichten
35
Hallo,

Ik heb aan de rechterkant van mijn website een div id met een width van 240px. Hier wil ik graag onder elkaar reviews van facebook en google plaatsen met een iets kleinere width dan 240px (Tusssen 180-200px ofzo) zodat het niet te dicht op de tekst links ervan zit.
Ik ben begonnen met de facebook reviews en dat gaat heel makkelijk via facebook met insluiten van een review en vervolgens krijg je een iframe code. Alleen de reviews zijn te breed en ik ben dus behoorlijk aan het rommelen geweest om het passend te krijgen maar via het embed op facebook krijg je de width niet lager dan 350.
Ik vraag me af of het dus inderdaad gewoon echt niet mogelijk is wat ik wil of dat er misschien toch een mogelijkheid is, iemand die hier ervaring/kennis van heeft? Ik 'ken' HTML en CSS, kan verder niet programmeren ofzo.

Enkel een reactie op een review insluiten (dus niet de review zelf) en de width daarvan lager maken dan 350 lukt overigens wel.
En dat ziet er eigenlijk precies zo uit zoals ik het wil, tekst word dan gewoon langer naar beneden getrokken, maar dat lukt dus niet op de review zelf.

Iemand een idee of moet ik toch maar een andere manier gaan zoeken?
 
RE: via het embed op facebook krijg je de width niet lager dan 350
Dan gaat het volgens mij niet lukken omdat je niet de externe inhoud van de Facebook iframe kan aanpassen.
Je zal gebruik moeten gaan maken van de Facebook Graph API

Dit is de responsive code voor een iframe (of embed of video)
Code:
<div id="social" class="embed">
  <iframe .....></iframe>
</div>

CSS:

.embed {
  box-sizing:border-box;
  position:relative;
  display:block;
  height:0;
  padding:0;
  overflow:hidden;
}
.embed embed, .embed iframe, .embed video {
  position:absolute;
  top:0; bottom:0; left:0;
  width:100%;
  height:100%;
  border:0;
}
#social {
  margin-left:25px;
}

Als je invloed wilt hebben op de hoogte
Code:
#social {
  /* voorbeeld hoogte is 3x de breedte */
  padding-bottom:33.333%;
}
 
Laatst bewerkt:
RE: via het embed op facebook krijg je de width niet lager dan 350
Dan gaat het volgens mij niet lukken omdat je niet de externe inhoud van de Facebook iframe kan aanpassen.
Je zal gebruik moeten gaan maken van de Facebook Graph API

Dit is de responsive code voor een iframe (of embed of video)
Code:
<div id="social" class="embed">
  <iframe .....></iframe>
</div>

CSS:

.embed {
  box-sizing:border-box;
  position:relative;
  display:block;
  height:0;
  padding:0;
  overflow:hidden;
}
.embed embed, .embed iframe, .embed video {
  position:absolute;
  top:0; bottom:0; left:0;
  width:100%;
  height:100%;
  border:0;
}
#social {
  margin-left:25px;
}

Als je invloed wilt hebben op de hoogte
Code:
#social {
  /* voorbeeld hoogte is 3x de breedte */
  padding-bottom:33.333%;
}


Bedankt voor je reactie.
Dat facebook graph API ken ik niet, maar zal daar eens in gaan duiken kijken wat ik daar verder mee kan!
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan