iframe links of rechts plaatsen [solved / opgelost]

[Gregor]

Hallo,

Ik heb een UDT gemaakt met de code:

Code: Select all

echo '<__iframe width="465" height="540" frameborder="0" src="http://connect.garmin.com:80/api/activity-search/component/recentActivities/summaryComponent.faces?activityId='.$params[id].'&embed=true"></__iframe>';

Ik roep deze aan met {garmin id='xxxxxx'}

Is het mogelijk om aan de UDT een plaats (links of rechts) mee te geven, zodanig dat het resultaat links of rechts wordt geplaatst?

Als er een mogelijkheid is zonder iframe, dan mag dat natuurlijk ook

Thnkx voor het meedenken,
Gregor

[stijlXpres]

@Gregor,

Kun je misschien wat specifieker uitleggen wat je precies wilt bereiken?

[Gregor]

Tuurlijk, als je kijkt op http://www.uisge-beatha.eu/news/147/30/PR-gelopen.html dan zie je het iframe waar het plaatje van de Garmin-site in is opgenomen. Nu staat dat min of meer in het midden, als ik dat links of rechts uitgelijnd wil hebben, hoe zou ik dat dan kunnen doen.

Hopelijk is mijn vraag zo duidelijker.....

Gregor

[erpee]

Probeer het eens zoals in dit voorbeeld:

Code: Select all

iframe {
height: 350px;
width: 300px;
position: absolute;
top: 50%;
margin-top: -175px;
left: 50%;
margin-left: 80px;
}

Meer hierover

[Gregor]

Als ik

Code: Select all

iframe {
   float: right;
}

in het news-css plaats, dan werkt dat. Als uitbreiding daarop zou ik willen (zie eerste post), is dat ik als parameter kan meegeven aan welke zijde ik het iframe wil plaatsen.

Gregor

[stijlXpres]

Zou moeten kunnen, als je vanuit de UDT een parameter meestuurt, kun je die in de template laten weergeven als een class:

Code: Select all

<div class="jouwparameter">
UDT
</div>

Vervolgens kun je in de css voor de verschillende parameter-mogelijkheden verschillende instellingen maken:

Code: Select all

.parameter-links {
  float: left;
}

.parameter-rechts {
  float: right;
}

etc...

[Gregor]

Dat werkt. Thnkx!

Gregor