CSS in HTML einbinden

    Hallo Leute,


    ich bin gerade dabei, das sehr informative Seminar auf dieser Seite durchzugehen, aber habe schon Schwierigkeiten.


    Ich gehe davon aus, dass der Code stimmt, deswegen nur der Link zum Artikel, mit dem ich Probleme habe: http://www.html-seminar.de/kopfzeile-im-css-design.htm


    Wenn ich den Text einfach so abtippe, in test.htm abspeichere und aufrufe, funktioniert alles (Ergebnis im IE):
    <!-- m --><a class="postlink" href="http://picfront.de/d/BuoRO4OSs/Korrekt.JPG">http://picfront.de/d/BuoRO4OSs/Korrekt.JPG</a><!-- m -->


    Sobald ich die CSS-Befehle mittels der Datei design.css auslagere, habe ich aber folgendes Bild:
    <!-- m --><a class="postlink" href="http://picfront.de/d/7WzWn9UkczH/fehler.JPG">http://picfront.de/d/7WzWn9UkczH/fehler.JPG</a><!-- m -->


    Zum Auslagern muss ich ja nur <link rel="stylesheet" href="design.css" type="text/css"> in den Head-bereich der HTML-Datei tippen, da kann man doch nicht so viel falsch machen?
    In einer vorherigen Lektion hatte ich ähnliche Probleme mit dem float-Befehl, beide "Farbblöcke" sind nicht "ineinandergeflossen", sondern standen separat nebeneinander. Evtl. hängt das ja zusammen.


    Danke für die Geduld mit einem Anfänger.

    Anhand deiner Sreenshots kann man die Fehlerursache nicht erkennen, da sie keinen Quelltext enthalten. Somit wäre ein Link zur Seite hilfreicher.


    Möglicherweise hast du die Einbindung an der falschen Stelle vorgenommen oder es sind auch Fehler in der CSS-Datei vorhanden.
    Das sind aber nur Spekulationen.


    Sieh dich vielleicht auch hier nochmal um, ob du die Einbindung korrekt vorgenommen hast: http://www.ohne-css.gehts-gar.net/0053.php
    Ansonsten wie erwähnt bitte einen Link posten.

    EDIT: Fehler wurde behoben.
    Im CSS-Bereich fehlte eine Klammer (dick hervorgehoben...naja, zumindest sind s außenrum...).
    Im Anleitungstext des "html-seminares" selbst fehlt die Klammer allerdings auch.




    Hallo sejuma,


    danke erstmal. Deine gelinkte Seite habe ich mir angeschaut, konnte den Fehler aber leider trotzdem nicht beheben.


    Link: <!-- m --><a class="postlink" href="http://www.html-seminar.de/kopfzeile-im-css-design.htm">http://www.html-seminar.de/kopfzeile-im-css-design.htm</a><!-- m -->


    Mein Code:


    CSS


    Code
    body  {    text-align:  center;  /*  Zentrierung  IE  */ }  #seitenbereich  {    text-align:left;   /*  Inhalt  wieder  links  */    margin:  0  auto;    /*  Zentrierung  mitte  */    width:  780px;    background-color:silver; }  [b]#kopfzeile  {    background-color:lightskyblue;    border-bottom:1px  solid  black;} [/b]  #navi  {    float:left;    width:13em;    background-color:thistle; }  #inhalte  {    margin-left:  14em;    background-color:lightblue; }


    HTML

    HTML
    <!DOCTYPE  html  PUBLIC  "-//W3C//DTD  XHTML  1.0  Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html  xmlns="http://www.w3.org/1999/xhtml"  xml:lang="de"  lang="de"> <head>    <title>HTML-Tutorial  von  www.html-seminar.de</title> 	<link  rel="stylesheet"  href="design.css"  type="text/css"> </head>  <body> <div  id="seitenbereich">     <div  id="kopfzeile">      www.HTML-Seminar.de  -  jetzt  html  lernen    </div>     <div  id="navi">      <ul>        <li>Startseite</li>        <li>Impressum</li>      </ul>    </div>     <div  id="inhalte">      Hier  HTML  und  CSS  lernen  und  die      eigene  Website  erstellen  -  selbst  ist  der  Mensch    </div>  </div></body>  </html>


    Liebe Grüße,
    Anfänger

    Das klingt vielleicht doof, und ist ab und zu recht aufwendig,


    aber wenn du einen Fehler hast, geh den Code ZEICHEN für ZEICHEN durch, oder schreibe ihn neu, später wenn du kein "Anfänger" mehr bist, kannst du direkter suchen weil du weisst wo ungefähr der Fehler liegt.


    Grüßis :)

    Wichtig ist auch, dass du die Dateien richtig benennst und mit dem richtigen Namen einbindest.

    Code
    <link  rel="stylesheet"  href="design.css"  type="text/css">


    ist zwar richtig, aber nur solange wie deine CSS-Datei auch design.css heißt und im gleichen Ordner wie die HTML-Datei liegt.


    Wenn also nur Teile der Site falsch angezeigt werden, liegt der Fehler meist im CSS-Code selbst, wenn die Site ohne jegliche Formatierungen angezeigt wird, ist sie meist falsch eingebunden.


    LG
    Laura

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden