more4webmaster.de

Forum | Kontakt | Impressum     
Startseite
  Workshop - HTML
  Einsteigerhilfen
   HTML Grundlagen
   HTML Grundlagen II
   HTML Tipp I
   HTML Tipp II
   HTML Befehle
  Fortgeschrittene
   Autom. Download
   CSS-Ebenen
   E-Mail Link
   Frames
   Favicon
   I-Frames
   Imagemaps
   Laufschrift
   Linkfarbe
   Mauszeiger
   Metatags
   Pulldown-Menu
   Scrollbalken-Farbe
   Tabellen
   Webcam einbinden
  Grafiktipps
   Menu
   Menu II
   Rahmen
   Hintergrund
   



I-Frames
I frames sind gleichbedeutend, wie herkömmliche Frames, da sie Seiten beinhalten, und zugleich Inhalt einer Seite sind.
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 natürlich auch.
Ein I Frame ist Bestandteil des HTML Quellcodes und somit auch gleich zu behandeln.

So sieht ein Iframe im Quellcode aus:

<iframe
name="mitte"
src="seite1.htm"
style="position:relative; top:2%; left:0%;"
width="100%"
height="96%">
</iframe>


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>

name = "mitte"
Dieser Teil gibt dem Iframe seinen Namen, ist also für den Target-Befehl aus dem <a> Tag von großer Bedeutung.
Beispiel eines Links:
<a href="http://www.domain.de" target="mitte"> Domain </a>
Dieser Link würde also im Iframe mit dem Namen "mitte" die Domain-Seite öffnen.

src = "seite1.htm"
Dieser Teil gibt die Quelle der ersten Seite an, also die Seite, die beim Aufruf der Seite im Iframe erscheint.

style = "position:relative; top:2%; left:0%;"
Dieser leicht komplizierte Teil legt fest, wo der iframe 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 iframes fest.

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



Dieser Workshop ist ein Service von more4webmaster.de

Für Hilfe und mehr besuchen Sie unser more4webmaster.com Board

© 2006 - 2012 by more4webmaster.de - Hosting & Service by SVwebservice.de - 66663 Merzig  


Letzte Änderung - 03.10.2008