Paula: externe css datei

Hallo an alle,

kann mir jemand sagen wieso die Formatierungen meiner externen css-datei nicht umgesetzt werden?

Wenn ich die Formatierung direkt im div vornehme funktioniert es.

css-datei (style_ff.css)::
.top {
 background-color: blue;
 font-size:33px;
 color: red;

}

hmtl-datei:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
  <link rel="stylsheet" type="text/css" href="../style_ff.css">
  <meta name="author" content="MyName">
  <meta name="keywords" content="[%keywords%]">
  <meta name="description" content="MyProgramm">

<title>[%title%]</title>
 </head>

<body>

<div id="top" name="top" class="top">
   [%top%]
  </div>

<div id="navigation">
   [%navigation%]
  </div>

</body>
</html>

Die Pfadangabe und der Namen zur css-datei müsste stimmen.
Wär schön, wenn mir jemand weiterhelfen kann.

Paula

  1. Mahlzeit,

    <link rel="stylsheet" type="text/css" href="../style_ff.css">

    Bist du ganz sicher, die css-Datei liegt einen Ordner über dem Ordner, in dem die html-Datei liegt?

    Ansonsten ist das keine html-Datei sondern ein Template oder was ähnliches. Schonmal geprüft, ob das div überhaupt eine Höhe hat um sichtbar zu sein?

  2. Hellihello

    bist Du Dir sicher, dass das stylesheet eingebunden ist?

    Teste:

    body{
     background-color:red;
    }

    Dank und Gruß,

    frankx

    --
    tryin to multitain  - Globus = Planet != Welt
    1. Hi frankx!

      bist Du Dir sicher, dass das stylesheet eingebunden ist?

      Also ich bin mir sicher, dass es das nicht ist. :-P

      MfG H☼psel

      --
      "It's amazing I won. I was running against peace, prosperity, and incumbency."
      George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
      Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
      1. Hellihello H☼psel

        Also ich bin mir sicher, dass es das nicht ist. :-P

        Jau, du "e"-Seher.

        Dank und Gruß,

        frankx

        --
        tryin to multitain  - Globus = Planet != Welt
        1. Hi frankx!

          Also ich bin mir sicher, dass es das nicht ist. :-P
          Jau, du "e"-Seher.

          Ich geb´s ja zu. Ich habe es erst gar nicht gesehen, sondern hätte beinahe so einen Beitrag wie du und Multi abgesetzt.
          Dann habe ich mich aber dazu überwunden, den Code komplett per C&P zu testen.
          Und siehe da... ;-)

          MfG H☼psel

          --
          "It's amazing I won. I was running against peace, prosperity, and incumbency."
          George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
          Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
          1. Mahlzeit,

            Dann habe ich mich aber dazu überwunden, den Code komplett per C&P zu testen.

            Dann hätte ich den Fehler wohl auch gesehen, da das Syntaxhighlighting mir diesen dezenten Hinweis gegeben hätte ;)

    2. Hi ihr zwei,
      danke erstmal für eure Antworten.

      Teste:
      body{
      background-color:red;
      }

      das wird auch nicht angezeigt.

      und ich bin mir sicher, dass das css einen Ordner über dem html liegt.

      Ich versteh das wirklich nicht.
      Habt ihr sonst noch irgendwelche Ideen?

      Paula

      1. Mahlzeit,

        und ich bin mir sicher, dass das css einen Ordner über dem html liegt.

        Hast du schonmal das css in den gleichen Ordner kopiert wie dein html?

  3. Hi Paula!

    <link rel="stylsheet" type="text/css" href="../style_ff.css">
                   ^
    =)

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
    1. Hi Paula!

      <link rel="stylsheet" type="text/css" href="../style_ff.css">
                     ^
      =)

      MfG H☼psel

      Hallo,

      Ich hab schon an meinen dürftigen HTML-Kenntnissen gezweifelt und jetzt war ich "nur" blind - sorry.

      Danke für eure Hilfe

      Paula