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

[Anfängerfrage]: Falsche Anzeige?

Hallo,

die CSS-Datei zum Facebook-Code habt ihr ja schon vorliegen.
Hier noch einmal die Gesamte HTML - Datei. - Ach ja: Geht mit dem Code bitte nicht all zu hart ins Gericht ;-) Ich bin erst seit ein paar Tagen dabei ;-)

Code:
<!DOCTYPE HTML>
<html>
<head>
<title>Panthera´s Blog</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" >
<meta name="descritpion" content="Panthera Negra´s Blog. Alle Infos rund um mich, meine Aktivitäten, und yoooha.mixxt.com. >
<meta name="author" content="Panthera Negra" >
<meta name="keywords" content="Mein Blog, Panthera Negra, Panthera Negra´s Blog, yoooha.mixxt.com, yoooha.mixxt.com Network, yoooha.mixxt.com Social Network, Gamer Social Network, Blog über Ikariam, Mein Ikariam Blog, Projekte zu Ikariam, Gameprojekte, Programmieren, Meine Game Projekte, Social Network für Gamer, Poste, dein, Gameplay, Video, Poste, deine, Screenshots, Kommuniziere, mit, anderen, Gamern" >


<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="Header">
<div>
<div id="Facebook">
  <div id="div1">
    <img src="Bilder/facebook_button.png" />
  </div>
</div>
<link href="header-style.css" type="text/css" rel="stylesheet" />
</div>
</div>
<div id="navi">
<a href="index.html" class="Home">Home</a>
<br>
<a href="#" class="About me">Über mich</a>
<br>
<a href="#" class="Mein Blog">Mein Blog</a>
<br>
<a href="#" class="yoooha">yoooha</a>
<br>
<a href="#" class="Meine Projekte">Meine Projekte</a>
</div>
<div id="Content">Hallo und Herzlich Willkommen auf meiner Homepage!
<br>Es freut mich, dass Sie den weg hierher gefunden haben.
<br> Hier möchte ich Ihnen einen kleinen Überblick geben, was Sie hier alles 
<br>ansehen, downloaden und anklicken können. In erster Linie natürlich
<br> möchte ich Informationen über mich vermitteln. Sie können sich hier
<br> mit meinem Blog über meine Aktivitäten im Internet informieren,
<br> genauso allerdings stelle ich Ihnen hier Links bereit, bei denen Sie
<br> Ihre Blogs optimal anlegen und füllen können. Des weiteren informiere
<br> ich Sie hier noch über meine Projekte, die von A-Z mit diversen
<br> Dingen zu tun haben. Lassen Sie sich überraschen!
<br>Hier also noch einmal alles auf einen Überblick:
<ul>
<li>Informationen über mich</li>
<li>Alle neusten Aktivitäten in meinem Blog zusammengefasst</li>
<li>Informationen über das Projekt "yoooha.mixxt.com"</li>
<li>Alles zu meinen Projekten.</li>
</ul>
<br>
<div id="textbox"> 
  <div id="divl">
    <font size="2"><b><u>Infos und Kontakt</u></b></font><br />
    </div>
  <div id="div">
  <b>Hauptinformation</b><br />
  <br>
  Dies ist ein freies und unabhängiges Projekt. Wir entwickeln Tools, Scripte und vieles mehr. Unter Meine Projekte könnt ihr euch diesbezüglich allerdings genauer informieren.<br />
  <br>
  <u>Für weitere Informationen</u> <br />
  <font size="2"><a href="mailto:[email protected]?subject=Projektinfos" class="mail" >[email protected]</a></font>
    </div>
<link href="style-textbox.css" type="text/css" rel="stylesheet" />
</div>
<div id="textbox2">
  <div id="div1">
    <font size="2"><b><u>Newsletter</u></b></font><br />
  </div>
  <div id="div2">
  <b>Alle Infos hier</b>
  <br>
  Hier können Sie Ihren Newsletter beantragen. Sie können Sich über die aktuellsten Neuigkeiten informieren, Tipps und Tricks beantragen, und vieles mehr lesen. 
  <br>
  <u>Hier Ihre e-Mail Eintragen: </u>
  <div>
  <input id="inputField" class="inputField" name="register" />
  <span id="inputFieldOverlay" class="inputFieldOverlay" onmouseover="onMouseOver('inputField');" onmouseout="onMouseOut('inputField');" onclick="onClick('inputField');"></span>
  </div>
<font size="2"><a href="mailto:[email protected]?subject=Newsletter" class="mail" >Jetzt beantragen!</a>
<link href="style-textbox2.css" type="text/css" rel="stylesheet" />
  </br>
</div>
</div>
<p>
<div>


</div>
<div id="footer"> Alle Rechte vorbehalten | All rights reserved.</div>
</body>


</html>


Des weiteren wollte ich noch gerne erwähnen, dass dieser Code natürlich noch lange nicht fertig ist.

mfg,
P.N
 
Hallo,
Ach ja: Geht mit dem Code bitte nicht all zu hart ins Gericht
WAEQ+WAwyUrvWZQGRg0TwKFcFX1xYI6zWCgEJizhBlrTGi31aKAYW4YZlgW2iQCADs=
Ich bin erst seit ein paar Tagen dabei
WAEQ+WAwyUrvWZQGRg0TwKFcFX1xYI6zWCgEJizhBlrTGi31aKAYW4YZlgW2iQCADs=

Wow, sag ich da nur. Das ist echt heftig was du uns da präsentierst.

Eigentlich wollte ich dein HTML-Dokument von allem Überflüssigen befreien und dir das Grundgerüst präsentieren. Aber du hast da so viele Fehler drin, dass es besser für dich ist das du neu anfängst, ausserdem weiss ich natürlich nicht wie dein Layout aussehen soll.

Generell kann ich dir nur den Tipp geben, anzusehen wie man HTML-Elemente richtig einsetzt, dazu muss man sie natürlich kennen. Erst danach kommt CSS.

Du musst dir über dein Layout klar werden.
Beispiele gibt es hier:
intensivstation :: CSS Templates

Danach gehst du dann vor wie in diesem Video:
Erstellung einer Webseite im Zeitraffer » vlmedia

Bis zur 50. Sekunde geht es nur um Html. Stopp es ruhig an verschiedenen Stellen und schau dir an wie er es gemacht hat.
Bis dahin vergiss erst mal CSS.
Wenn Dein HTML Code fertig ist, testet du den Code hier The W3C Markup Validation Service

Als Editor empfehle ich dir PSPad.

Den Anfang bekommst du jetzt mit, da du auch den Fehler im Header nicht beseitigt hast. Mehr brauchst du im Header nicht.
HTML:
<!DOCTYPE HTML>
<html>         
    <head>                 
        <title>Panthera´s Blog                  
        </title>                 
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">                 
        <meta name="description" content="Panthera Negra´s Blog. Alle Infos rund um mich, meine Aktivitäten, und yoooha.mixxt.com.">                 
        <link href="style.css" type="text/css" rel="stylesheet">         
    </head>         
    <body> 
                         
    </body>
</html>
Danach gehts für dich mit dem Body weiter und mehr als 3 Divs, brauchst wirklich erst mal nicht.
Verwende Keinen Font-Tag
Verwende kein BR-Tag
Verwende kein u-Tag für unterstrichen.
Gliedere mit den H1-H6-Tags
usw.

Vieles steht auf hier oft genannten Seiten. und im Wiki.

Gerne darfst du uns dann dein HTML-Gerüst zeigen und fragen wie es weitergeht.
 
Ich würde dir empfehlen erstmal von Grund auf zu lernen...schau mal HIER gibts was wo du die Grundbegriffe erlernen kannst.Glaub mir es ist wirklich gut grad für Anfänger-wenn du es einmal begriffen hast..ist es ganz leicht ...am Ende hast du eine einfache fertige HP.
Viel Spass
 
Zurück
Oben