Zellen Hintergrundbild vor die Zellenfarbe

Lord Byron

Ich habe für eine Zelle mit CSS eine Hintergrundfarbe definiert.

Nun möchte ich über die Zelle noch ein Bild legen (Als Hintergrundbild!)

Das Problem:
Die Zellenfarbe wird immer über das Bild gelegt. Wenn ich die Farbe raus nehme, sehe ich das Bild. Sonst nicht....

Kann man irgndwie eine Reihenfolge angeben?

PS. Das Hintergrundbild ist im <table> tag definiert -> Also über die ganze Tabelle.

Vielen, vielen, vielen dank!!![/code]

Torty

Versuch mal das Bild als Hintergrundbild für tbody zu vergeben.

Code

<table ...>
  <tbody style="background: #xxyyzz url(deinbild.jpg) left top;">
    ...
  </tbody>
</table>

Damit klappts vielleicht...

Lord Byron

Das legt zwar den Hintergrund darüber, repetiert das Bild aber in jeder Spalte. (gleicher effekt habe ich, wenn ich das bild im <tr> definiere...)
Ich möchte das Bild durchgehend haben über 3 Spalten hinweg.

Was mir allerdings auch helfen würde, wäre eine Lösung wie ich ein Hintergrundbild für eine ganze Zeile definieren kann...!?
Vielleicht hat da ja jemand ne Lösung.

So habe ich es probiert:

Code

<tr  style='background-image:url(design/rahmen_trans.gif)'>

Torty

Oh sorry - mein Fehler

Code

<tr  style='background-image:url(design/rahmen_trans.gif) no-repeat left top;'>

Lord Byron

mit diesem code zeigts wieder gar kein bild an.
nicht mal wenn ich die farbe entferne....!??

Lordy

Weiss denn niemand ne lösung?

*verzweifel*

Torty

So! Gib' ma' kodth od'a Lyhnc - biddde!

Lord Byron

So sollte es eigentlich ja funktionieren (So hab ichs am anfang gehabt).

Code

<table border='0' cellpadding='5' style='background-image:url(design/rahmen_trans.gif)'>

Code

<tr class='tabelle_rot'><td align='left'><h1>xxx</h1> </td> </tr>

Torty

Ich habe gerade bemerkt, dass sich hier ein Fehler eingeschlichen hat. Es darf nicht

Code

<tr  style='background-image:url(design/rahmen_trans.gif) no-repeat left top;'>

heissen sondern

Code

<tr  style='background: url(design/rahmen_trans.gif) no-repeat left top;'>

try it!

Lord Byron

auch das hat nicht geklappt, aber mittlerweile hab ichs selbst herausgefunden

So hats funktioniert:

Code

<table border='0' style='background: url(design/rahmen_trans.gif) no-repeat left top; background-color:#993333;'>

Hab einfach die farbe ins gleiche style genommen, wie das bild...

Torty

Wenn du nun aber die Farbe entfernst, müsste das Bild aber korrekt ausgegeben werden. Soweit ich das verstanden hatte, lag das Problem weniger in der Farbe als vielmehr darin, dass das Bild nicht richtig angezeigt wird.
Bitte berichtigen falls ich daneben liege. Und ein Direktlink zum HTML-File wäre auch nicht schlecht.

Lord Byron

Hab mich wohl zu früh gefreut.

Zwar sieht es jetzt gut aus, aber ist nicht ganz so perfekt....

Hier mal der link: http://www.europeanspecialhunters.ch/dev
Login: test
Password: test

- Unter "News" habe ich es jetzt mal so wie ich es vorher geschrieben habe...(fehlen aber die weissen rahmenlinien(bild) im grauen bereich...)
- Unter "Ueber uns" siehst du wie es perfekt sein sollte. da gab es keine Probleme, weil es nur eine Spalte ist.

Torty

*angestrengtguck*
Wo meinst du genau was? Kann irgendwie keinen Unterschied entdecken, außer, dass bei "über uns" (angeklickt) im mittleren Teil der Kopf des Contentfeldes defekt scheint.

Kann dein beschriebenes Problem nicht so recht entdecken...

Lord Byron

Hab mal eben die farbe etwas verändert. jetzt solltest du sehen können, was ich meine...

Bei "Ueber uns" hat es einen weisse rahmen um die gesamte tabelle. Der Rahmen ist ein bild, welches links und rechts einen strich beinhaltet und in der mitte transparent ist.

Bei "News" wird dieses bild von der Hintergrudnfarbe überdeckt.....

Hoffe, ich konnte es jetzt verständlich machen....

PS. Falls du Mozilla benutzt, schaus dir mal mit IE an. Da sieht man es besser....

Vielen Dank für deine Mühen!

Torty

Ok, also ich möchte mal, dass jemand anderes noch auf diese Page schaut. Ich seh nur bei "über uns" einen irgendwie defekten Rahmen um den mittleren Contentbereich.
Sonst sieht die Site ok aus.

Lord Byron

defekt? was heisst da defekt?

bei "über uns" wird der rahmen doch einwandfrei dargestellt?

So siehts bei mir aus:
[Blockierte Grafik: http://www.europeanspecialhunters.ch/ueberuns.gif]

Torty

Und so bei mir:
unter "News"
[Blockierte Grafik: http://www.info4torty.de/pics/lord_1.png]

unter "Über uns"
[Blockierte Grafik: http://www.info4torty.de/pics/lord_2.png]

Lord Byron

Ach das meinst du

Die doppelten rahmen bei "über uns" kommen daher, dass Mozilla die td height nicht richtig akzeptiert.. Hab das schnell gefixt.

Jetzt gehts es nur um die weissen rahmen links und rechts vom blauen bereich.

Bei "über uns" konnte ich das so angeben, weil es nur eine spalte ist: Das Bild geht also ohne probleme über die ganze tabelle:

Code

<tr style='background-image:url(design/rahmen_trans.gif)' class='tabelle_hell'>

Bei "news" repetiert sich das bild aber in der zweiten spalte, wenn ich es so angebe wie bei "über uns". Also wollte ich das bild im <table> tag definieren. Jedoch wird dann die Hintergrundfarbe über das bild gelegt.
Das ist die momentane situation unter "news"..

-> Es gibt also nur zwei auswege.
- Erreichen, dass das im <table> definierte bild vor die farbe gelegt wird
- Erreichen, dass das Bild über 2 Spalten hinweg läuft.

Jetzt alles klar?

Torty

ok, jetzt (endlich) seh ich es auch, aber helfen kann ich dir da nicht. Zum einen weil ich dein Konzept nicht kenne und zum anderen weil man deinen Quellcode beim besten Willen nicht betrachten kann. Da fehlt ein wenig lesbare Formatierung.

Einen Tip kann ich noch geben:
Nimm dir die Ausgabe der Contentfelder von News und About genau mal unter die Lupe. Da muss es einen Unterschied geben, sonst würden beide gleich dargestellt.

Sry.

Tags