sitemap | terug naar het html4 / xhtml 1|0 referentie overzicht
Op een standaard html pagina (html 4.01 transitional) kan je eenvoudig het iframe implementeren. De hier onderstaande html-code spreekt voor zich. in de span staan een paar parameters. Je kan de margin naar wens aanpassen. Deze staat nu ingesteld op 10px 20px 30px 30px. Deze getallen bepalen achtereenvolgens de top-marge, rechter-marge, bodem-marge en linker-marge van de "iphone-afbeelding". Er staat ook een parameter float:left. Die dient er voor om de tekst aan de rechterkant van de iphone-afbeelding te laten "vloeien". Wil je geen tekst aan de rechterkant van de afbeelding, kan je deze code verwijderen. Natuurlijk zijn alle parameters naar eigen wens aan te passen. Voel je vrij om te wijzigen wat je maar wilt. Dit voorbeeld valideert op CSS2/CSS3 en HTML4. Dit houdt in dat het 'DOCTYPE' van jouw pagina die van html 4.01 transitional moet zijn:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">.
<p> <span style='margin:10px 20px 30px 30px;float:left;height:318px;width:180px;background:url(http://www.autozine.nl/mobiel/iPod/iphone.png) no-repeat' ><iframe style='margin:56px 0 0 21px;width:137px;border:0;height:206px;' src='http://www.autozine.nl/mobiel/iPod/game_toyota.php'></iframe></span> </p>
