Iframe
Denna lilla bild kommer jag använda som exempel för min iframe.
Bilden har jag fixat till i Photoshop med den lilla rutan och det är
just i den lilla rutan som min iframe ska vara!
Jag skapar en tabell med samma storlek som bilden som jag sedan lägger som bakgrund.
| Så här ser koden ut: <table width=”300″ height=”225″ border=”1″ bordercolor=”#FF0000″ background=”bilder/iframe1.jpg”> <tr> <td> </td> </tr> </table>Har satt bordern till röd för att ni ska se den bättre! Men all text hamnar galet! Det gör vi något åt genom att skapa fler rader och kolumner! |
| Genom att passa in kolumner och rader till bilden så får man texten där man vill! Men om man lägger in för mycket text blir det återigen problem! Kolla här när jag visar koden:<table width=”300″ height=”216″ border=”1″ bordercolor=”#FF0000″ background=”bilder/iframe1.jpg”> <tr> <td width=”120″ height=”24″> </td> <td width=”85″> </td> <td width=”20″> </td> </tr> <tr> <td height=”159″> </td> <td><strong>Genom att passa in kolumner och rader till bilden så får man texten där man vill! Men om man lägger in för mycket text blir det återigen problem! Kolla här när jag visar koden:</strong></td> <td> </td> </tr> <tr> <td height=”23″> </td> <td> </td> <td> </td> </tr> </table> <p> </p> <p> <br> </p></td> </tr> </table> |
||
Genom att skapa en helt ny fil som jag har döpt till busbra.html så
ska vi nu skapa en iframe till våran bild!
| &amp;amp;gt; | ||
Senaste kommentarer