repeat:repeat-x; repeat:repeat-y;

[Giovanni]

Servus!

Ich möchte in einer "großen" Zelle oben und links jeweils einen Schatten asugeben. Das ganze klappt super mit:

div class="content" style="background-image:url(line1.bmp); background-repeat:repeat-x;

allerdings nur oben ODER links. Wie kann ich x und y zusammenfassen?

repeat:repeat-x,y; geht nicht
repeat:repeat-x; repeat:repeat-y; geht auch nicht

Das geht doch normalerweise auch nicht zwei gleiche anweisungen in einem <td> darzustellen. Oder gibts irgend ne Lösung?

echo "\n     <td width=""                         height="90%"                   div class="content" style="background-image:url(line1.bmp); background-repeat:repeat-x;"> &#160; </td>";

Sorry für das PHP, aber ihr seit alle so große Profis, lasst euch davon nicht stören.

Gruß Giovanni

[Thomas Luethi]

Hallo,

div class="content" style="background-image:url(line1.bmp); background-repeat:repeat-x;

^        ^
Mach diese Backslashes weg.
Und schick dann Dein HTML + CSS mal durch die Validatoren.

BMP-Bilder sind fuer's Web nicht geeignet.
Nimm PNG, GIF oder JPEG.

allerdings nur oben ODER links. Wie kann ich x und y zusammenfassen?

repeat:repeat-x,y; geht nicht
repeat:repeat-x; repeat:repeat-y; geht auch nicht

Wenn der Browser das Bild in beiden Richtungen
wiederholen soll ("kacheln"), musst Du gar nichts
schreiben zu "repeat". Das ist naemlich der Normalfall.
Oder Du kannst schreiben:
background-repeat:repeat;

http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_repeat

Evtl. helfen Dir auch folgende Seiten weiter:
http://andreas-kalt.de/webdesign/tutorials/runde_ecken.htm
http://www.alistapart.com/articles/slidingdoors/

Sorry für das PHP, aber ihr seit alle so große Profis, lasst euch davon nicht stören.

Es geht Dir um die Darstellung.
Also poste hier den Code, den der Browser zu sehen kriegt.
Serverseitiger Code ist nur verwirrend.

Gruesse,

Thomas

[Giovani]

Tut mir leid, das geht so nicht.
Dann wird die gesamte  Zelle mit dem Bild ausgefüllt,
ich möchte aber nur, dass einmal die x und einmal die y position ausgefüllt wird. Nicht mehr. Bei repeat:repeat wird wie gesagt die ganze Zelle ausgefüllt.

[Sven Rautenberg]

Moin!

Tut mir leid, das geht so nicht.
Dann wird die gesamte  Zelle mit dem Bild ausgefüllt,
ich möchte aber nur, dass einmal die x und einmal die y position ausgefüllt wird. Nicht mehr. Bei repeat:repeat wird wie gesagt die ganze Zelle ausgefüllt.

Richtig. Anders gehts nicht. Du kannst entweder "Wiederholung endlos in X-Richtung" oder "Wiederholung endlos in Y-Richtung" oder "Keine Wiederholung" oder "Wiederholung endlos in beide Richtungen" haben.

Eine "Wiederholung als Kreuz einmal in X- und einmal in Y-Richtung" ist als Hintergrundkachelform in CSS 2 nicht vorgesehen (ob in späteren Versionen, entzieht sich meiner Kenntnis und wäre irrelevant, weil es noch kein Browser beherrscht).

Wenn du also einen X-Y-Schatten haben willst, mußt du das in mindestens zwei HTML-Elemente zerteile und jeweils individuell angeben.

- Sven Rautenberg

[eisbaer04]

ich möchte aber nur, dass einmal die x und einmal die y position ausgefüllt wird. Nicht mehr.

Dann nimm "background-repeat:no-repeat". Dann wird das Bild angezeigt (1x) und nicht wiederholt.

blub eb4