CSS Problem: Formatierungen ja - Grafiken Nein ... :(

[bOOtMaKeR]

Moin!

Ich habe ein sehr kurioses Problem: Ich habe hier einen CSS-Tag:

.dataTableHeadingContent {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    background-image: url(images/layout/tbl_bgverlauf.gif) repeat-x;
    border-bottom:2px solid;
    border-top:1px solid;
    border-color: #000000;
}

Dieses Rufe ich in einer Tabelle so auf:
<td class="dataTableHeadingContent">

Bis hierhin ist es ja ok - denke ich mal! :) ABER! Formatierungen werden angezeigt. Das ist OK! Jedoch wird die Grafik nicht angezeigt. Nun könnte ich ja die Grafik vergessen haben hoch zu laden. Nein sie existiert - auch auf gross und Kleinschreibung geachtet.

BSP No 2:
body {
    background-color: #f1f1f1;
    margin: 0px;
    background-attachment: fixed;
    background-image: url(images/layout/XtClgbg.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

Acuh hier ... sonstige Formatierungen JA! Grafik nein. Auch hier- Grafik am korrekten Ort und richtig geschrieben!

Wo liegt der Fehler ??!?!?

Greetz bOOt

[verona]

Da könnte die Root nicht stimmen. Meine CSS liegt immer im Ordner CSS und wenn ich da ein Bild aus dem Ordner IMAGES haben will, dann muss ich immer erst ein Verzeichnis nach oben!

background-image:URL(../images/blabla.jpg);

Die CSS-Datei scheint er ja zu finden.

[bootmaker]

Da könnte die Root nicht stimmen. Meine CSS liegt immer im Ordner CSS und wenn ich da ein Bild aus dem Ordner IMAGES haben will, dann muss ich immer erst ein Verzeichnis nach oben!

background-image:URL(../images/blabla.jpg);

Die CSS-Datei scheint er ja zu finden.

Dadran habe ich auch schon gedacht bin aber leider zu keiner wirklichen Erklärung gekommen.

Struktur:

/admin
  |
  + - /includes
  |      |
  |      + - header.php
  |      |
  |      + - footer.php
  |      |
  |      + - stylesheet.css
  |
  + - /images
  |      |
  |      + - /layout
  |             |
  |             + tbl_bgverlauf.gif
  |             |
  |             + XtClgbg.gif
  |
  + configuration.php

Die configuration.php ruft die stylesheet.css aus dem /includes auf.
Ausserdem included sie nach der css die header und footer.php. header und footer enthalten ebenfals css-tags die jedoch aus der stylesheet.css kommen. hier funktionieren aufgerufene grafiken. In der configuration.php angewante class aufrufe funktionieren nicht! verstehst du die die problematik?

[verona]

Soll heissen, dass deine header und footer über die css grafiken bekommen, die auch im ordner /images liegen? Falls ja, weiss ich leider auch nicht weiter.

Verstehe aber nicht, warum du die CSS in header und footer einbaust und dann nochmal in der configuration? Am Ende soll eine z.B. HTML-Datei stehen und die erhält ein einziges CSS. Wenn du aus der CSS im Ordner INCLUDES auf eine grafik im Ordner IMAGES verweisen willst, dann probiere mal URL(../IMAGES/blabla.jpg).

[stefan]

Hi Bootmaker,

background-image: url(images/layout/tbl_bgverlauf.gif) repeat-x;

^^^^^^                                       ^^^^^^^^
             hier liegt der Hund begraben (bzw. ......... hier)

beim Attribut "background-image" kannst Du _nur_ das Bild angeben, nicht aber repeat (oder position, etc.). Dies alles geht mit dem Attribut "background". Mehr dazu findest Du (z.B.) unter SelfHTML >> css (falls Du Erfahrung mit CSS hast, empfehle ich die Kurzrefferenz).

gute Nacht + Programmier Dir nich'n Wolf
stefan

--
<img src="http://www.your-boredom.de/banner/kassette_120x90_04.gif" border="0" alt="">

[Kalle]

Hi, bOOtMaKeR,

background-image: url(images/layout/tbl_bgverlauf.gif)

Mir fällt auf, dass der Dateiname in den Klammern ohne Anführungszeichen steht. Das schon mal versucht ?

Kalle

[Der Hans]

Moin!

background-image: url(images/layout/tbl_bgverlauf.gif) repeat-x;
}
    background-position: center center;
}

Wo liegt der Fehler ??!?!?

Ich hab die Fehler mal stehen lassen!

Wie bereits erklärt gehört repeat nicht in die Angabe zum background-image
und background-position center center ist bestimmt center middle!?

Dass diese Fehler aber gleich die ganze Grafik entschwinden lassen,
scheint mir schon seltsam ... wenn's korrigiert noch immer nicht läuft,
schau mal, ob auch im Original alle ";" am Zeilenende stehen,
das ist das einzige, was mir noch einfällt, worauf die Browser immer
gleich richtig eklig werden.

Gruß

Der Hans

[MudGuard]

Hi,

background-position: center center;
und background-position center center ist bestimmt center middle!?

Nein. Definitiv nicht. Background-position kennt kein "middle". Hier die Definition:

'background-position'
    Value:   [ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit

cu,
Andreas

[Der Hans]

Moin, Mudguard!

'background-position'
    Value:   [ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit

Du hast Recht!

Ich hatte es befürchtet, als ich deinen Namen sah (du bist der einzige
der _immer_ auf den offiziellen Seiten nachsieht!
Ich hatte es noch aus SelfHTML im Kopf - da ist es so falsch, wie ich
es vertreten hatte - und schon habe ich den Salat! *g*

Gruß

Der Hans

[MudGuard]

Hi,

'background-position'
    Value:   [ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit
Du hast Recht!

Schön.

Ich hatte es befürchtet, als ich deinen Namen sah (du bist der einzige
der _immer_ auf den offiziellen Seiten nachsieht!

Ich sag ja gar nichts dagegen, daß Du mich als einzigartig ansiehst (jeder Mensch ist einzigartig), aber ich bezweifle, daß ich der einzige bin, der immer im Standard nachguckt.

Der einzige Grund, warum ich auf die offizielle Seite gegangen bin, war der, daß ich das Zitat von dort kopieren wollte.
Daß background-position (inkonsequenterweise) kein middle kennt, war mir auch so bekannt.

cu,
Andreas

[MudGuard]

Hi,

.dataTableHeadingContent {
    background-image: url(images/layout/tbl_bgverlauf.gif) repeat-x;

das repeat-x muß bei background-repeat angegeben werden oder aber background statt background-image.

Außerdem liegt bei Dir das Stylesheet im Verzeichnis includes (laut im anderen Posting angegebener Struktur).
In diesem Verzeichnis gibt es aber kein Verzeichnis images.
Der Pfad ist also falsch. Bei CSS gehen relative Pfade immer von der CSS-Datei aus, nicht vom Dokument, das per CSS formatiert wird. (Nur Netscape 4.x hat da einen Bug, von daher sollte man sicherheitshalber absolute oder server-relative Pfade benutzen.

background-image: url(images/layout/XtClgbg.gif);

gleicher Pfadfehler.

cu,
Andreas