Willkommen auf Planet-Liebe

diskutiere über Liebe, Sex und Leidenschaft und werde Teil einer spannenden Community! :)

jetzt registrieren

HTML code für ein Frame

Dieses Thema im Forum "Off-Topic-Location" wurde erstellt von WInterRoSe, 30 April 2003.

  1. WInterRoSe
    Gast
    0
    Hey Leute

    sry echt ich glaube zwar weniger das das hier das richtige forum für ist aber ich glaub ich texte mal

    meine Problem ist ich kenn mich zwar relativ gut mit HTML Codes aus aber überhaupt nicht mit Frames

    wenn sich hier wer auskennt und bereit wäre für mich en Code für ein Frame zu schreiben dann postet hier oder meldet euch privat

    ich danke euch im voraus

    MFG WInterRoSe :zwinker2:
     
    #1
    WInterRoSe, 30 April 2003
  2. Bea
    Bea (30)
    Verbringt hier viel Zeit
    1.311
    121
    0
    vergeben und glücklich
    <html>
    <head>
    <title>
    </title>
    </head>

    <frameset cols=25%,75%>
    <frame src=frame_links.html Name=frame1>
    <frame src=home.html Name=frame2>
    </frameset>
    </html>


    Du brauchst dann zwei Dateien, die eine muss in diesem Fall "frame_links.html" heißen, die andere "home.html". Wenn du jetzt in "frame_links.html" einen Link hast (z.B. zu "xy.html") und die Seite soll sich im rechten Frame öffenen, dann musst du in den Link noch "target=frame2" eingeben ;-)

    Hilft dir das weiter, oder brauchst du noch mehr infos?
     
    #2
    Bea, 30 April 2003
  3. Standbye
    Standbye (33)
    Verbringt hier viel Zeit
    75
    91
    0
    Verheiratet
    #3
    Standbye, 30 April 2003
  4. Mr. Poldi
    Verbringt hier viel Zeit
    3.068
    121
    0
    vergeben und glücklich
    Mal Bea's leicht defekten HTML-Code zerbessern tu :grin:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
    <html> 
    <head> 
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>Frame-Beispiel</title> 
    </head> 
    
    <frameset cols="25%,75%"> 
    <frame src=frame_links.html Name=frame1> 
    <frame src=home.html Name=frame2> 
    <noframes>
    <p>
    Leider unterst&uuml;tzt ihr Browser keine Frames.<br>
    Um den vollen Funktionsumfang dieser Seite nutzen zu k&ouml;nnen empfehlen wir Ihnen die Installation eines aktuellen Browsers.<br>
    Alternativ k&ouml;nnen sie auch die <a href="noframes.html">Noframes-Version</a> benutzen.
    </p>
    </noframes>
    </frameset> 
    </html> 
    
     
    #4
    Mr. Poldi, 30 April 2003
  5. WInterRoSe
    Gast
    0
    das kann ich mir auch auf der seite zusammen reimen es geht mir um einen frame der unten durchgehen und dann oberhalb in zwei hälften gespalten ist :-s

    *gg* aber trotzdem danke

    für weiteres wer mir helfen kann bitte weiterhin schreiben
     
    #5
    WInterRoSe, 30 April 2003
  6. Mr. Poldi
    Verbringt hier viel Zeit
    3.068
    121
    0
    vergeben und glücklich
    Meinst du sowas wie

    Code:
    +-----+-----+
    |     |     |
    +-----+-----+
    |           |
    |           |
    +-----------+
    
    :ratlos:

    Dann machst du
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
    <html> 
    <head> 
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>Frame-Beispiel</title> 
    </head> 
    
    <frameset rows="25%,75%"> 
      <frameset cols="50%,50%">
         <frame src=frame_olinks.html Name=o_links> 
         <frame src=frame_orechts.html Name=o_rechts> 
      </frameset>
      <frame src=frame_unten.html Name=unten> 
      <noframes>
      <p>
         Leider unterstützt ihr Browser keine Frames.<br>
         Um den vollen Funktionsumfang dieser Seite nutzen zu können
        empfehlen wir Ihnen die Installation eines aktuellen Browsers.<br>
         Alternativ können sie auch die <a href="noframes.html">Noframes-Version</a> benutzen.
      </p>
      </noframes>
      </frameset> 
    </html> 
    
    Dann hast du oben 2 Frames (jeweils 25% hoch, 50% breit) und unten eines (75% hoch, 100% breit)
     
    #6
    Mr. Poldi, 30 April 2003
  7. WInterRoSe
    Gast
    0
    ohhhh THXXXX Kirby echt danke das war das was ich meinte die % haben zwar nicht ganz gestimmt aber teilweise

    DANKÖÖÖÖÖ :smile: *umarmt und durchknuddelt* sry aber ich bin etwas zu freudig weil ich such diesen code schon voll lange und so

    danke :smile: MFG WInterRose :zwinker2:
     
    #7
    WInterRoSe, 30 April 2003
  8. Bea
    Bea (30)
    Verbringt hier viel Zeit
    1.311
    121
    0
    vergeben und glücklich
    Bäh *beleidigt gugg* gugg mal hier:
    http://mitglied.lycos.de/Sweet_Cloudy/index-d.html
    Der funktioniert EINWANDFREI!!! Vonwegen defekt *bäääääh* *rummurr* Hab das nur aus der Datei rauskopiert *hmpf* *beleidigt gugg*


    Musste jetzt mal gesagt werden :grin:
     
    #8
    Bea, 1 Mai 2003
  9. MooonLight
    Sehr bekannt hier
    5.106
    173
    3
    nicht angegeben
    Tröste dich Bea - meine schauen genauso aus und funktinieren ebenfalls genauso gut..
     
    #9
    MooonLight, 1 Mai 2003
  10. Luzi
    Gast
    0
    Oh du meine Güte - und ich dachte, ich würde html können... :rolleyes2 und hier kommt mir fast alles wie spanisch vor (außer vielleicht Beas Code :grin:)
     
    #10
    Luzi, 1 Mai 2003
  11. Florian_PL
    Florian_PL (33)
    Planet-Liebe-Team
    Administrator
    504
    228
    1.563
    nicht angegeben
    Beas Code ist nicht wirklich defekt, da fehlen halt nur ein paar angaben, die nicht zwingend notwendig sind!
     
    #11
    Florian_PL, 1 Mai 2003
  12. Mr. Poldi
    Verbringt hier viel Zeit
    3.068
    121
    0
    vergeben und glücklich
    Bea's Code ist defekt, auch wenn nahezu jeder Browser das korrekt darstellen wird.

    Fakt ist dass es sich nicht um gültiges HTML gemäß W3C-Standard handelt.

    Die Angabe des DTD z.B. ist zwingend erforderlich.

    Wer es nicht glaubt möge den Code selber durch den Validator jagen.
     
    #12
    Mr. Poldi, 1 Mai 2003
  13. Bea
    Bea (30)
    Verbringt hier viel Zeit
    1.311
    121
    0
    vergeben und glücklich
    Muss denn irgendein Programm irgendwas dran erkennen? Ich hab diesen Code nach verschiedenen (!!!) Büchern + SelfHTML erstellt. Also insgesamt drei oder vier Quellen. Wenn er SOOOO Falsch ist, wie du sagst, warum sollten dann drei Quellen dasselbe sagen? Weil alle drei falsch sind???
    Und was ist im I-Net bitte schon noch standart? Und von einer Angabe irgendeines DTD hab ich noch nie was gehört. Wenn du solche "Fachbegriffe" benutzt, solltest du nächstens auch erklären, was es bedeutet.
    Du kannst mir gerne einen HTML-Kurs geben, hab ich wirklich ncihts dagegen, aber dann bitte schön auf meinem Niveau. Fang also gaaaaaaaaaaanz am Anfang an, am besten bei meiner Index-Seite (http://mitglied.lycos.de/Sweet_Cloudy/index.html) und erklär mir, was ich denn alles so falsch mach. Komischerweise funktioniert zwar alles, aber NATÜRLICH ist alles total falsch, weils ja nicht nach irgendeinem Norm ist.


    ACHTUNG! LEICHT (aber wirklich nur leicht!) SARKASTISCH
     
    #13
    Bea, 1 Mai 2003
  14. Mr. Poldi
    Verbringt hier viel Zeit
    3.068
    121
    0
    vergeben und glücklich
    OK :eckig:

    Es ist nicht alles "total falsch" sondern es fehlen einige Angaben, von daher auch "leicht defekt".
    Nicht böse sein! Viele Webseiten sind nicht korrekt ... :eek4:

    SelfHTML is natürlich nicht falsch. Nur der Einfachheit halber hat Stefan Münz in den vielen Codebeispielen der Einfachheit halber die DTDs weggelassen.
    Aber auch in SelfHTML kann man nachlesen was DTDs sind etc.

    Klar funktioniert das im Regelfall dennoch einwandfrei - fehlerfrei ist es trotzdem nicht.

    >"Was bitteschön ist im I-Net schon Standard"
    Leider nicht viel.
    Das ist ja das Problem, gerade bei komplexeren Seiten.
    Es gibt zwar schöne Standards vom W3C aber gerade der am weitesten verbreitete Browser (IE) hält sich am wenigsten daran :-(

    Aber fangen wir mal ganz von vorne an:

    Das W3C (World Wide Web Consortium) ist die Organisation die sich unter anderem um die Standardisierung von HTML kümmert.

    Es gibt verschiedene HTML-Standards, der aktuelle nicht auf XML (eXtensible Markup Language) basierende ist HTML 4.01.

    Da jede HTML-Version unterschiedliche Befehle (TAGs) benutzt muss ein Browser wissen mit welcher Version er es bei einem vorliegenden HTML-Dokument zu tun hat.

    Dafür gibt es die DTDs (Document Type Definitions) die festlegen um welche HTML-Version es sich genau handelt.

    Von HTML 4.01 gint es wiederum mehrere Varianten: Transitional, Strict und Frameset.

    Transitional ist quasi ein Kompromiss bei dem auch Tags/Konstruktionen aus früheren HTML-Versionen erlaubt sind (wie z.B. <CENTER>). Strict enthält nur die aktuelle Version, und Frameset wiederum ist nur für Frame-Definitionen.

    Wenn eine HTML-Datei kein DTD enthält kann sie ein Browser natürlich i.d.R. trotzdem korrekt darstellen da er ja die älteren HTML-Tags auch kennt und halt "nach Gutdünken" entscheidet wie das ganze darzustellen ist.
    Wohlgemerkt: Er kann - muss aber nicht.
    Ein Standard-Konformer Browser wie z.B. der Linux-Browser Konqueror kann sich mit gutem Recht weigern eine Seite ohne DTD-Angabe darzustellen.

    Die Angabe des Zeichensatzes wiederum ist wichtig da es in den unterschiedlichen Sprachen unterschiedliche Zeichen gibt.
    Eine HTML-Datei ist eine Textdatei, enthält also nur ASCII-Zeichen.
    Somit stehen nur 255 Zeichen zur Verfügung - und damit ein Browser weiss dass er ein ö (was ja nur einen Zahlenwert zw. 0-254) darstellt als ö anzeigen soll oder als was anderes braucht er die Information um welchen Zeichensatz es sich handelt.

    Der letzte Punkt ist dass Angaben die nicht nur aus einer Zahl bestehen (wie z.B. 50%,50%) in Anführungszeichen eingeschlossen sein müssen da der Browser sonst nicht eindeutig erkennen kann wo so eine Angabe anfängt bzw. aufhört.
    (Die Probleme liegen hier im Parsing bei der Token-Erkennung, aber das zu erläutern sprengt den Rahmen)

    Zu deiner index.html
    • Es fehlt die Angabe des DTD (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">)
    • Es fehlt die Angabe des Zeichensatzes (<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">)
    • In Zeile 9 müsste es <font face="comic sans ms, arial, times new roman"> heissen
    • <FONT> ist an dieser Stelle nicht erlaubt - nur innerhalb von Block-Elementen (SPAN, TD, P, etc.)
    • In Zeile 12 & 13 müsste es "50%" heissen
    • In Zeile 23 ist die URL des Links und der Grafiken nicht mit "" umschlossen
    • In Zeile 23 fehlt jewils die Angabe ALT="Beschreibungstext" bei den Bildern. Dies ist wichtig für Brwoser die keine Bilder anzeigen und daher auch laut Standard vorgeschrieben
    • Gleiches (URLs+ALT-Angabe) gilt für Zeile 30
    • Für das ganze Dokument gilt dass du Umlaute etc. "einfach so" reingeschrieben hast.
      Kann man zwar machen, gibt aber evtl. auf Nicht-Windows-Systemem Probleme mit der korrekten Darstellung (auch mit gesetztem Zeichensatz).
      Auf der sicheren Seite bist du in jedem Fall wenn du Entities (benannte zeichen) benutzt. Also z.B. &auml; für ä, &szlig für ß, usw.
    • Und ab Zeile 43 sind tonnenweise Fehler drin die ich aber nicht aufzählen werde da der Code so wie ich das sehe nicht von dir stammt

    Die Original-Meldungen des Validators (das ist ein Programm vom W3C das prüft ob es sich um eine korrekte Datei handelt) kannst du dir unter http://validator.w3.org/check?uri=http://mitglied.lycos.de/Sweet_Cloudy/index.html ansehen.
    Musst aber Doctype (HTML 4.01 Transitional) & Encoding (Western Europe) per Hand einstellen, da die im Dokument ja nicht drinstehen.
    Korrekt & "schön" sähe deine index.html z.B. so aus:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <HTML>
    
    <HEAD>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <TITLE>Please choose the Language!</TITLE>
    <STYLE TYPE="text/css">
    BODY {
      Background-Color: Black;
      Color: Yellow;
      Font-Family: comic sans ms, arial, times new roman, non-serif;
      Margin-Top: 4.0em;
    }
    A {
      Color: Yellow;
    }
    H3 {
      Text-Align: Center;
    }
    </STYLE>
    </HEAD>
    
    <BODY>
    <table>
    <tr>
    <th width="50%"></th>
    <th width="50%"></th>
    </tr>
    <tr>
    <td>
    Hi there!<br>
    Now the English version will soon come online. <br>
    I think that will be very good for my international friends!<br>
    I'm sorry, but the English sites won't be as big as the German! I'm really sorry, but my English 
    isn't good enough to translate all my silly German-writings in English!!! I hope you will forgive me!<br>
    <br>
    <h3>THX!!! ^.^</h3>
    <a href="index-e.html"><img src="Graphiken/fahne212.gif" ALT="Fahne212"><img src="Graphiken/fahne211.gif" ALT="Fahne211"></a>
    </td>
    <td>
    Hall&ouml;chen ihr!!<br>
    Da ich auch international Freunde habe, habe ich beschlossen, meine Seiten in Zukunft 
    gr&amp;ouml;&amp;szlig;tenteils in Englisch und Deutsch zur Verf&amp;uuml;gung zu stellen.<br>
    Die deutsche Ausf&amp;uuml;hrung wird weiterhin die umfangreichere sein!!<br>
    <br>
    <a href="index-d.html"><img src="Graphiken/fahne075.gif" ALT="Fahne 075"></a>
    </td>
    </tr>
    </table>
    <P STYLE="Text-Align: Center">
    <br>
    <a href="http://sweetili.mainchat.de/">My own Chat - Mein eigener Chat!!</a>
    <br><br>
    Some information for my international friends to the chat:<br>
    The Chat is hosted by a German server, the texts, which I cannot do myself, are in German!
    If you want to registrate, just ask me and I will help you! (<a href=mailen.html>Mail</a>)
    Or you look at this <a href=loginchat-e.html>translated version of the sign-up-formular </a>
    (but its not useable! You have to fill in the German form, but this translation will help you!)
    </P>
    </BODY>
    </HTML>
    
    Uff - ziemlich viel Text geworden :rolleyes:
    Ich hoffe du nimmst mir das nicht übel.
     
    #14
    Mr. Poldi, 1 Mai 2003

jetzt kostenlos registrieren und hier antworten
Die Seite wird geladen...

Ähnliche Fragen - HTML code Frame
sonja88
Off-Topic-Location Forum
22 April 2013
7 Antworten
Teeze
Off-Topic-Location Forum
5 Juni 2002
6 Antworten