Background-Grafik einbinden

[planer3000]

Hallo Leute, ich versuche gerade, eine kleine rot-weiße Hintergrund-Grafik einzubinden, sodass ein rot-weißer Streifen-Effekt als Hintergrund außen um die Seiten entsteht (nicht im Content)

Ich habe aus folgendem Absatz:

/*****************
basic layout
*****************/
body {
  background-color: #ccc;
  color: #333;
  margin:1em;    /* gives some air for the pagewrapper */
}


dieses gemacht:



/*****************
basic layout
*****************/
body {
  background-image:url(images/cms/background.gif)
  color: #333;
  margin:1em;    /* gives some air for the pagewrapper */
}


Leider bleibt der Background unverändert


Wo mache ich den Fehler?


Gruß,Udo

[RonnyK]

Udo,

ist der image in images/cms oder vielleicht in uploads/images/cms. Wann du mit filemanager oder imagemanager die file hoch geladen hast, wird er unter uploads gespeichtert.

Ronny

[planer3000]

Das gif ist in images/cms

Habe es per FTP hochgeladen.

Ist denn meine CSS-Angabe so richtig?

Ich bin Anfänger in Sachen CSS.

Wozu ist hier den zweimal die color Angabe?

background-color: #ccc;
  color: #333;


Danke, Udo

[cyberman]

Ist denn meine CSS-Angabe so richtig?

Probier mal

  background-image:url(./images/cms/background.gif)

Wozu ist hier den zweimal die color Angabe?

Was color heisst, muss ich dir ja sicherlich nicht erklären, aber noch ein kleiner Hinweis zur Lösung des "Rätsels" - background heisst Hintergrund . Alles klar ?!

[RonnyK]

Wenn du der grafik mit FTP hochgeladen hasst, sollst du auch sicher sein dass die rechten geandert werden. Weil wenn die gif nicht richtig berechtigt ist, kann ein andere benutzer, nicht die grafik sehen, und wird nur die color aangezeigt.

Ronny

[planer3000]

die rechte auf 777 ändern hat nichts gebracht, auch die Angabe ./ hat nichts geändert.

Bin jetzt selber darauf gekommen, dass wohl die Repeat-Angabe fehlt, weil das Gif nur 1x2 Pixel groß ist.

body {
  background-image:url(images/cms/background.gif)
  background-repeat:repeat
  color: #333;
  margin:1em;    /* gives some air for the pagewrapper */


Das funktioniert aber auch nicht. Mache ich das richtig so?



Gruß, udo

[RonnyK]

Siehst du den grafik wenn du in de adress-bar domain/images/cms/background.gif eingibst?

Ronny

[cyberman]

Am besten, du postest mal einen Link, damit man sich das direkt anschauen kann ...

[jester]

Dein Code ist richtig, Du bist nur ein schlampiger Tipper...

body {
  background-image:url(images/cms/background.gif)
  background-repeat:repeat
  color: #333;
  margin:1em;    /* gives some air for the pagewrapper */

Versuch mal:

Code: Select all

body {
   background-image:url(images/cms/background.gif);
   background-repeat:repeat;
   color: #333;
   margin:1em;    /* gives some air for the pagewrapper */

Wenn Dir nix auffällt... achte mal auf das Semikolon am Zeilenende...

Nachtrag:

Du kannst auch mal folgendes versuchen:

Code: Select all

html {
background-image: url(images/cms/background.gif);
background-repeat: repeat-y;
background-position: top right;
}

Jester

[planer3000]

ja, LOL

ich hatte es eigentlich schon aufgegeben.

Jetzt aber zögernd das semikolon nochmal eingefügt.

Und was soll ich sagen, es funktioniert.

Manchmal sind es eben die kleinen Dinge, die einem das Leben schwermachen, aber auch versüßen können.

Danke.

Gruß, Udo