• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Steht alles in keinem Verhältnis...

Status
Für weitere Antworten geschlossen.
L

Logan5

Neues Mitglied
Hallo,

im Phase 5 Editor wird es vollständig angezeigt. Im Browser fehlt der Hintergrund, Texte und fast alle gifs.

Könnt ihr bitte mit dem Rotstift über mein Anfänger-HTML gehen?
Vielen Dank im voraus.


HTML: 
<html>
<head>
<title>background-color</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="/tutorials/css/lesson3_ex2.css" type="text/css" media="all" />
<style type="text/css">
<!--
body {background:url(http://www.planet-gif.com/anim_backgound/anim_backg_15.gif)
width="1024" height="768" border="4" alt="Das ist der Hintergrund" no-repeat center center fixed; }
//-->
</style>
</head>
<body>
<tr>
      <td bgcolor="#FFFFFF">
        <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="12">HALLO</font> </div>
      </td>
    </tr>
<td bgcolor="#FFFFFF">
        <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="10">Also.. ich sach mal....Hallo, neee!
iss ja nie so ganz verkehrt..........Hallo...</font> </div><br>
      </td>  <br>
      <br>
<body text="#FFFFFF" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="http://members.linzag.net/680262/ffsmilie.gif" border="0"
 alt="" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font size="+1">was soll das jetzt, weis doch inzwischen jeder das IE out ist.</font>
   <a href="http://www.hijackthis.de/konto.php" target="_blank"><img
 src="http://members.linzag.net/680262/w14.GIF" border="0" alt=""
 /></a><br /><br>
 <br>
 <br>
 <br>
 <font size="+2">und sie dreht sich doch</font><a href="http://www.planet-gif.com/gifs/erde/007.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/erde/007.gif" border="0" alt=""
 /></a><br /> <br>
 <br>
 <font size="+2">sogar in die richtige Richtung, immer sch&ouml;nn gegen den Uhrzeigersinn</font><a href="http://www.planet-gif.com/gifs/erde/002.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/erde/002.gif" border="0" alt=""
 /></a><br /> <br>
 <br>
 <font size="+2">weiter so</font><a href="http://www.planet-gif.com/gifs/erde/029.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/erde/029.gif" border="0" alt=""
 /></a><br /><font size="+2">und immer in Verbindung bleiben</font>  <br>
 <br>
<font size="+2">nicht aus dem Rythmus kommen, gaaanz wichtig!!!</font> <a href="http://www.planet-gif.com/gifs/erde/010.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/erde/010.gif" border="0" alt="alles Gute zum Geburtstag"
 /></a><br /> <br>
 <br>
 <font size="+3">immer diese Übertreibungen....</font><a href="http://www.planet-gif.com/gifs/erde/057.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/erde/057.gif" border="0" alt=""
 /></a><br /> <br>
 <br> <br>
 <br>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font size="+2">Angler wissen das</font><a href="http://www.planet-gif.com/gifs/Angeln/angeln23.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/Angeln/angeln23.gif" border="0" alt=""
 /></a><br /> <br>
 <br>
 <font size="+2">die hier auch...&nbsp;&nbsp;&nbsp;<a href="http://www.planet-gif.com/gifs/asterix-obelix/asterix-obelix_019.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/asterix-obelix/asterix-obelix_019.gif" border="0" alt=""
 /></a><br />&nbsp;&nbsp;&nbsp;</font><a href="http://www.planet-gif.com/gifs/asterix-obelix/asterix-obelix_028.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/asterix-obelix/asterix-obelix_028.gif" border="0" alt=""
 /></a><br /> <br>
 <br>
  <br>
 <br>
 <a href="http://www.planet-gif.com/gifs/asterix-obelix/asterix-obelix_007.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/asterix-obelix/asterix-obelix_007.gif" border="0" alt=""
 /></a><br /> <br>
 <br>  <br>
 <br>
 wer hat die den bestellt??&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div align="center"><a href="http://www.planet-gif.com/gifs/Blumen/blume_003.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/Blumen/blume_003.gif" border="0" alt=""
 /></a></div><br /><font size="+3">Völlig zusammenhangslose Geschichte das</font>   <br>
 <br><br>
 <br>
 <br>
 <br>
<h1>Hallo Herr Kraus, vom Betreuungsbüro Kraus. Wie geht´s den Herrn Knössi??</h1>
 <a href="http://www.planet-gif.com/gifs/buero/buero_042.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/buero/buero_042.gif" border="0" alt=""
 /></a><br /> <br>
 <br>
 <font size="+3">Was soll der jetzt hier?&nbsp;&nbsp;völlig sinnfreie Webseite<font size="+4">ADMIN!!</font></font><a href="http://www.planet-gif.com/gifs/euro/a_euro02.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/euro/a_euro02.gif" border="0" alt=""
 /></a><br /> <br>
 <br> <br>
 <br>
 <br>
 <font size="+2">werde dem Ganzen jetzt einen Sinn geben, Feenstaub wirkt in solchen Fällen Wunder....</font><a href="http://www.planet-gif.com/gifs/feen/fee_013.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/feen/fee_013.gif" border="0" alt=""
 /></a><br /><br>
 <br> <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
<h1>Hier muß Einhorn Martin ran, furchtlos prescht er über jedes Hindernis, keine Aufgabe ihm zu groß</h1>
 <a href="http://www.planet-gif.com/gifs/einhorn/einhorn_015.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/einhorn/einhorn_015.gif" border="0" alt=""
 /></a>&nbsp;&nbsp;<a href="http://www.planet-gif.com/gifs/Feuer/feuer_001.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/Feuer/feuer_001.gif" border="0" alt=""
 /></a><br /> <a href="http://www.planet-gif.com/gifs/Feuer/feuer_013.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/Feuer/feuer_013.gif" border="0" alt=""
 /></a><br /> <br>
 <br>
 <br>
 <br><br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <a href="http://www.planet-gif.com/gifs/flugzeuge/flug_07.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/flugzeuge/flug_07.gif" border="0" alt=""
 /></a><br /><br>
 <br><br>
 <br>
 <a href="http://www.planet-gif.com/gifs/flugzeuge/flug_12.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/flugzeuge/flug_12.gif" border="0" alt=""
 /></a><br /><br>
 <br> <br><br>
<font size="15">Alles Gute zum Geburtstag, Gesundheit und Glück das wünsche ich Dir und noch viele andere auch  und jetzt die Kerzen ausblasen, gaanz kräftig!!</font><br>
<br>
<br>
  <a href="http://www.planet-gif.com/gifs/geburtstag/geburts_032.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/geburtstag/geburts_032.gif" border="0" alt=""
 /></a><br /><br>
 <br>


<



 <div align="center"><font size="+2">und das Du dich immer wie aus dem Ei gepellt fühlst</font></div>



 <br>
 <br>
 <div align="center"><a href="http://www.planet-gif.com/gifs/geburtstag/geburts_016.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/geburtstag/geburts_016.gif" border="0" alt=""
 /></a><br /><br></div>
 <div align="center"><a href="http://www.planet-gif.com/gifs/geburtstag/geburts_020.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/geburtstag/geburts_020.gif" border="0" alt=""
 /></a><br /><br></div>
 <br>

 <br>
  <a href="http://www.planet-gif.com/gifs/geburtstag/geburts_017.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/geburtstag/geburts_017.gif" border="0" alt=""
 /></a><br /> <br>
 <br>
 <font size="+2">und so alt wirst wie unser Freund hier</font> <a href="http://www.planet-gif.com/gifs/Dinos/dino001.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/Dinos/dino001.gif" border="0" alt=""
 /></a><br /><br>
 <br>
 <font size="+2">bei so einem Sternzeichen bist Du immer im Zenit</font> <a href="http://www.planet-gif.com/gifs/sternzeichen/stern_17.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/sternzeichen/stern_17.gif" border="0" alt=""
 /></a><br /><br>
 <br>
 und mit gleichmässigem Flügelschlag macht es doppelt so viel Spaß <a href="http://www.planet-gif.com/gifs/voegel/vogel_038.gif" target="_blank"><img
 src="http://www.planet-gif.com/gifs/voegel/vogel_038.gif" border="0" alt=""
 /></a><br /><br>
 <br><br>
 <br>
 <br>
 <br>
  <a href="http://www.hijackthis.de/konto.php" target="_blank"><img
 src="http://members.linzag.net/680262/w14.GIF" border="0" alt=""
 /></a><br /> <br>
 <br>  <br>
 <br>
 <font size="+4">Alles, alles Gute!!</font>  <br>
 <br>
  <a href="http://www.hijackthis.de/konto.php" target="_blank"><img
 src="http://members.linzag.net/680262/w14.GIF" border="0" alt=""
 /></a><br /> <br>
 <br>

</body>
</html>
über jeden Tip dankbar
 
Mein Tip an dich: Lern' HTML. Efchen rollen sich bestimmt wieder die Fußnägel wenn er das sieht :lol:
 
steht alles in keinem Verhältnis... schöner Aufmacher für das Präsentierte;)
  1. hast du keinen doctype definiert, was für die browser bedeutet das sie sich in den quirks modus versetzen und darstellen deiner Seite zu einem Glücksspiel wird.
  2. Bitte lass diese Inline styles bleiben, das gehört alles in eine CSS, mit der du ja schon begonnen hast. Also warum nicht konsequent weitermachen?
  3. Entscheide dich mal selbst was für ein Html du schreiben willst.
    Code: 
    <br>
    für "antikes", oder
    Code: 
    <br />
    für Xhtml, du hast beides in deinem Quelltext.
  4. Mich schüttelts auch wieder bei diesen ganzen
    Code: 
    <font>
    mach da mal anständige Überschriften draus
Kein Mensch wird sich hier hinsetzen und dieses Chaos für dich bereinigen, fang nochmal von vorne an, schreib sauberes Html... das ist gar nicht so schwer.
Fang damit an erstmal deinen ganzen Inhalt aufzuschreiben, ohne gedanken daran was wo stehen und wie aussehen soll.
Danach zeichnest du deinen Inhalt mit Html semantisch korrekt aus und erst danach machst dir mit CSS gedanken über das Layout, dann läuft es fast von allein.

Auf jeden Fall können wir dir dann bessere hilfe angedeien lassen.

gruß
csstester
 
Tar-Minyatur schrieb:
Mein Tip an dich: Lern' HTML. Efchen rollen sich bestimmt wieder die Fußnägel wenn er das sieht :lol:
Zum Vergrößern anklicken....
In der Tat!
Dir etwa nicht?

Wie können wir Dir helfen, Logan5? Ich weiß offen gestanden gar nicht, wo ich anfangen soll. Die Tags, die ich da in Deinem Code sehe, benutzt man schon seit dem Ende des letzten Jahrtausends nicht mehr. Tut mir leid, wenn Dich das deprimiert, aber Du musst eine ganze Menge nachholen. Ich hoffe nicht, dass es irgendwo noch eine HTML-Tutorial-Site gibt, bei der man sowas lernt!

Meine Tipps (stichwortartig):
1. HTML lernen.
2. Inhalt semantisch mit HTML auszeichnen.
3. DOCTYPEs verstehen und den richtigen auswählen (Alle Browser in den Standards Mode).
4. CSS lernen.
5. Stylesheet zu Deinem HTML-Code schreiben.
6. Immer beachten: Trennung von Inhalt und Layout.

Ich weiß, das ist viel und wird Dir alles nichts sagen. Aber durch die Suchfunktion hier und über google&Co kannst Du all diese Begriffe mit Sinn füllen.

Wenn Du dann mehr Hilfe brauchst, frag nochmal nach.

Viel Erfolg,
-Efchen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben