Michael Franke: Hintergrundgrafik wird nicht angezeigt

Hallo,

Ich bin heute zum ersten Mal in Eurem Forum und muss schon sagen, dass ich echt begeistert bin, wie sehr einem hier geholfen wird :-)

Bevor ich nun auf mein Problem eingehe, muss ich Euch zunächst die Ordnerstruktur meiner Homepage darlegen:

[X]
 |
 |- Layout.html
 |- weitere Dateien usw
 |- Ordner "Grafiken"
 |  |- Ordner "Layout"
 |  |  |- Grafik "Rahmen_L.png"
 |  |  |- Grafik "Eck_LU.png"
 |- Ordner "Inc"
 |  |- Ordner "CSS"
 |  |  |- Datei "Layout.css"

In die Datei "Layout.html" ist die Datei "Layout.css" eingebunden. In dieser CSS-Datei definiere ich die verschiedenen Div-Bereiche, die für die Erzeugung des Layouts zuständig sind.

In den verschiedenen Div-Bereichen habe ich jeweils eine Hintergrundgrafik definiert, die sich, wie bereits oben visualisiert, in einem anderen Ordner verbindet.

Die Datei Layout.html hat ausschnittsweise folgenden Aufbau:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="Inc/CSS/Layout.css">
  </head>
  <body>
    <table id="Ausrichtung">
      <tr>
        <td id="Ausrichtung">
          <div id="Container">
            <div id="Register"></div>
            <div id="RahmenLinks"></div>
            ...
            ...
            ...
          </div>
        </td>
      </tr>
    </table>
  </body>
</html>

Die zugehörige CSS-Datei ausschnittsweise folgendermassen:

div#RahmenLinks
{
  width:            16px;
  height:           560px;
  position:         absolute;
  top:              24px;
  left:             0px;
  background-image: url ("../../Grafiken/Layout/Rahmen_L.png") repeat-y;
}

Mein Problem ist nun, dass die definierte Grafik nicht angezeigt wird, obwohl der Pfad, meines Erachtens, richtig ist (ich programmiere nur mit einem Texteditor).

Was habe ich bei der Definition denn falsch gemacht ?

Danke für Eure Korrektur-Hinweise.

Gruss, Michael Franke

  1. background-image: url ("../../Grafiken/Layout/Rahmen_L.png") repeat-y;

    Das Leerzeichen zwischen "url" und der öffnenden Klammer hat da nichts zu suchen. Es ist vielleicht auch übersichtlicher, eine zum Server absolute URL zu benutzen, "/Grafiken/Layout/Rahmen_L.png" in diesem Fall.

    1. Hallo,

      Danke für Deine rasche Antwort.

      Hab's jetzt folgendermassen geändert:

      background-image: url(/Grafiken/Layout/Eck_LU.png) no-repeat;

      Habe in SelfHTML nachgelesen, dass keine Anführungsstriche notiert werden.

      Bringt aber leider auch nichts :-(

      Die Grafik wird immer noch nicht angezeigt...

      Michael Franke

      1. Hallo Michael

        Die Grafik wird immer noch nicht angezeigt...

        Befindet sich Eck_LU.png wirklich in DeineDomain.tld/Grafiken/Layout/?
        (Groß-/Kleinschreibung bei Datei- und Ordnernamen beachtet)

        Wenn möglich, poste einen Link auf deine Homepage.

        Auf Wiederlesen
        Detlef

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!
      2. Hallo,

        ändere

        background-image: url(/Grafiken/Layout/Eck_LU.png) no-repeat;

        in

        background-image:url(/Grafiken/Layout/Eck_LU.png); no-repeat;

        dann geht´s
        (wenn die Grafik dort auch liegt)

        Michael Franke

        Grüße, ...

        1. Hi,

          background-image: url(/Grafiken/Layout/Eck_LU.png) no-repeat;
          in
          background-image:url(/Grafiken/Layout/Eck_LU.png); no-repeat;
          dann geht´s

          ist aber falsch, weil zum no-repeat noch background-repeat: fehlt.

          cu,
          Andreas

          --
          Warum nennt sich Andreas hier MudGuard?
          Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
          1. Hallo,

            ist aber falsch, weil zum no-repeat noch background-repeat: fehlt.

            Danke - hätte mir beim testen eigentlich auffallen sollen.
            Wenn ich mich nämlich richtig erinnere, war mein Hintergrundbild
            immer noch wiederholt :-)

            cu,
            Andreas

            Grüße, ...

  2. Hi,

    abgesehen davon, daß ich die Verzeichbnisstruktur nicht sionnvoll finde und insb. das CSS in Hauptverzeichnis setzen würde, wäre ein Link zur Seite hilfreich.
    Eine mögliche Ursache ist ja bereits genannt. Einige Browser haben AFAIK auch Probleme mit den Anführungszeichen hierbei, besser weglassen.

    freundliche Grüße
    Ingo