Tutorials Infos - Anleitungen - Hilfe - Dreamcodes
 

Inlineframes und ihre Verwendung

Inlineframes sind gleichbedeutend, wie herkömmliche Frames, da sie Seiten beinhalten, und zugleich Inhalt einer Seite sind. Sie werde oft auch als I-Frame bezeichnet.

Da sie den "normalen" Frames sehr ähnlich sind ist die Handhabung und Formatierung auch sehr übereinstimmend, jedoch ist die Platzierung des I-Frame auf der Seite nicht ganz so einfach, aber mit etwas Probieren gelingt dies auch.

Ein I Frame ist Bestandteil des HTML Quellcodes und somit auch gleich zu behandlen.



So sieht ein I-Frame im Quellcode aus:

______________________________________________

IFRAME
NAME="mitte"
SRC="seite1.htm"
style="position:relative; top:2%; left:0%;"
width="100%"
height="96%">
/IFRAME>

!!!!(< wurde zur Darstellungen entfernt, bitte darauf achten)
______________________________________________


An diesem Beispiel ist die Handhabung und Formatierung eines Iframes schnell, einfach und grundlegend erklärt.


Mit iframe>
öffnet man den I-Frame Tag und schliesst ihn mit /iframe>

!!!!!(Achtung < wurde zur Darstellung entfernt, bitte darauf achten)

NAME = "mitte"

Dieser Teil gibt dem I-Frame seinen Namen, ist also für den Target-Befehl aus dem Tag von großer Bedeutung.
Beispiel eines Links:

a href=http://www.dreamcodes.biz target="mitte"> Link zu Dreamcodes


!!!!!(ACHTUNG < wurde am Anfang vor dem a zur besseren Darstellung entfernt bitte darauf achten)!!!!!

Dieser Link würde also im I-Frame mit dem Namen "mitte" die Dreamcodes-Startseite öffnen.


SRC = "seite1.htm"

Dieser Teil gibt die quelle der ersten Seite an, also die Seite, die beim Aufruf der Seite im I-Frame erscheint.


style = "position:relative; top:2%; left:0%;"

Dieser leicht komplizierte Teil legt fest, wo der I-Frame plaziert werden soll.(Mit ein wenig herumprobieren, hat man schnell raus wie es geht)


width = "100%" height = "96%"

Hiermit legt man die Breite (width) und die Höhe (height) des I-Frames fest.

Der I-Frame wird ganz einfach an beliebiger Stelle in die Homepage gesetzt, wobei Tabellen die Ausrichtung stark vereinfachen.

Dieses Tutorial ist nur für Leute mit etwas HTML-Vorkenntnissen zu empfehlen. (Besonders Kenntnisse über Frames sind zu empfehlen).

 
ID: 23
eingestellt am: 04.05.2002
Autor: Konstantin K.
Status zum lesen: Gast
gelesen: 6882
Webseite: www.dreamcodes.com
[Drucken]