Grafik links und rechts einer Tabelle unendlich oft wiederholen?

[hoshymann]

Hallo!

Unter http://home.arcor.de/hoshymann/test/ findet ihr einen ersten Entwurf eine Homepage für meine Band.
Mein Problem ist zur Zeit, dass ich rechts und links vom oberen Bereich jeweils eine 1 Pixel breite Grafik (left.jpg und right.jpg) wiederholen möchte, bis auf beiden Seiten das Ende des Fensters erreicht ist. Das ganze soll also aussehen wie auf diesem Bild: http://home.arcor.de/hoshymann/test/muster.jpg
Aber ich weiß einfach nicht, wie ich das machen kann.
Bin leider ziemlich aus der Übung, weil ich das ewig nicht mehr gemacht habe ;) Also würde ich mich sehr über eure Hilfe freuen!

Gruß,
Mark

[bleicher]

Grüße,
auf dem Bild ist nix von 1px-grafik zu sehen (nur eion riesiges bild von sand und palme? ehrlich? das soll ein bild sein? schäm dich) - aber versuche dich an faux-columns oder border-image (zweites zu bevorzugen) oder du erklärst genauer was du vorhast - es gibt immer mehr als 3 Lösungen.
MFG
bleicher

[hoshymann]

Ähm... Worauf willst du mit deinen Äußerungen hinaus?
Wieso sollte die JPG kein Bild sein?! "eine optische Reproduktion der (gestalteten) Wirklichkeit" sagt das Lexikon...
Die 1px Grafik soll ja immer wieder wiederholt werden, damit sich der Eindruck einer gleichmäßigen Fläche mit in mehreren horizontal verlaufenden Farbbereichen ergibt. Eben dies sieht man dann auf der Grafik.
Außerdem sollte zwischen der Grafik und der verlinkten Seite ja wohl ein Unterschied zu sehen sein.

[bleicher]

Grüße,

Ähm... Worauf willst du mit deinen Äußerungen hinaus?
Wieso sollte die JPG kein Bild sein?! "eine optische Reproduktion der (gestalteten) Wirklichkeit" sagt das Lexikon...

unangebracht klugschiss - du willst eine antwort ODER bestätigung, dass du olle bist und dann wohl nix extra frgen musst

Die 1px Grafik soll ja immer wieder wiederholt werden, damit sich der Eindruck einer gleichmäßigen Fläche mit in mehreren horizontal verlaufenden Farbbereichen ergibt. Eben dies sieht man dann auf der Grafik.

nope, nein

Außerdem sollte zwischen der Grafik und der verlinkten Seite ja wohl ein Unterschied zu sehen sein.

absolut nix was sich aus einer 1px-grafik basteln ließe.

ah ja - tu den marquee da weg, du bist wohl keine 12 mehr, oder?
bschreib dein problem/frage genauer - im moment werde ich aus deinen absichten nicht schlau
MFG
bleicher

[hoshymann]

Alter,

ich will doch einfach nur ne Frage stellen. Vielleicht kannst du mal nen Gang zurück schalten und mit erklären, was dich an meiner Problembeschreibung stört, anstatt hier jeden runter zu machen, der aus deinen kryptischen Antworten nicht schlau wird.

Ich verwende so viele marquees, wie ich will und das hat nichts mit dem Problem zu tun.

Also nochmal:
Ich habe eine Tabelle, die mittels <center> in der Mitte des Browserfensters angezeigt wird.
Im unteren Teil der Tabelle verwende ich ein Hintergrundbild, das in die Hintergrundfarbe (ich nenne sie mal Sandgelb) übergeht.
Im oberen Teil der Tabelle ist das Hintergrundbild komplexer, wesshalb ich es zum Rand hin etwas vereinfacht habe. Nun möchte ich, dass -wie auf der Grafik- die letzte Spalte von Pixeln immer wieder wiederholt wird, bis der Rand des Browserfensters erreicht ist.

Wenn daran jetzt irgendwas unverständlich ist, dann sag doch bitte einfach mal was!

[bleicher]

Grüße,

Also nochmal:
Ich habe eine Tabelle, die mittels <center> in der Mitte des Browserfensters angezeigt wird.
Im unteren Teil der Tabelle verwende ich ein Hintergrundbild, das in die Hintergrundfarbe (ich nenne sie mal Sandgelb) übergeht.
Im oberen Teil der Tabelle ist das Hintergrundbild komplexer, wesshalb ich es zum Rand hin etwas vereinfacht habe. Nun möchte ich, dass -wie auf der Grafik- die letzte Spalte von Pixeln immer wieder wiederholt wird, bis der Rand des Browserfensters erreicht ist.

ich rate mal aus der beschriebung alleine - du brauchst ein 1px breites bild großer höhe, dann machst du draus zB:

body{
background-image:url(...woauchimemrdienbildist);
background-repeat:repeat-x;
}

mehr <http://de.selfhtml.org/css/eigenschaften/hintergrund.htm@title=hier zu lesen>

du hast doch dieses Bild verlinkt - wo soll da die tabelle sein? hast du vllt einfach das falsche bild verlinkt und wir reden an einander vorbei

MFG
bleicher

[hoshymann]

Sorry, ich verstehe irgendwie nicht, was daran so schwer zu verstehen ist.
Habe jetzt mal in das Bild Stricke eingezeichnet, damit vielleicht deutlicher wird, was ich meine.
Auf der verlinkten Seite, sieht man nur den Bereich, der zwischen den beiden blauen Linien liegt, vor einem gelben Hintergrund.
Der Hintergrund soll jetzt aber nicht überall gelb sein, sondern im oberen Bereich ("TOP") eben aussehen, wie auf dem Bild.

Das geht nur, wenn du sie als 1px breite Bilder isolierst und zwei anderen Elementen als horizontal gekacheltes Hintergrund gibst.

Genau das habe ich auf dem Bild mittels eines Bildverarbeitungsprogramms getan.

Wenn du es geschickt anstellst, kannst du das Haupt-Hintergrundbild ja an den Rändern auch so schneiden, dass die linke und die rechte Pixelspalte identisch werden. Dann brauchst du nur ein Element für den "erweiterten" Hintergrund, das sich über die ganze Breite zieht (z.B. html), und eins für das Strand-Hintergrundbild (z.B. body).

Das habe ich auch schon gedacht, hätte aber lieber eine Lösung gefunden, bei der ich die Seiten verschieden machen kann. Wenn das allerdings nicht geht, muss ich es wohl doch auf beiden Seiten angleichen.

[bleicher]

Grüße,

Habe jetzt mal in das Bild Stricke eingezeichnet, damit vielleicht deutlicher wird, was ich meine.

habe ich dir schon oben erklärt - zusätzlich vllt gelb in bgcolor, der obere Rand mit himmel als bgimage mir repeat-x, was hast du dran nicht verstanden? brauchst du einleitung zu CSS?
MFG
bleicher

[Joshh]

Servus,

habe ich dir schon oben erklärt - zusätzlich vllt gelb in bgcolor, der obere Rand mit himmel als bgimage mir repeat-x,

Ich übrigens auch ;-)
(siehe ganz oben)

Gruß,
Josh

[bleicher]

Grüße,

habe ich dir schon oben erklärt - zusätzlich vllt gelb in bgcolor, der obere Rand mit himmel als bgimage mir repeat-x,

Ich übrigens auch ;-)
(siehe ganz oben)

doppelt genäht - dankt nicht!
MFG
bleicher

[Joshh]

doppelt genäht - dankt nicht!

:-)

[hoshymann]

Kann ja nicht jeder so ein Held sein...
Danke für die Hilfe.

[Joshh]

Moin,

hast du jetzt verstanden, was du machen musst? Wenn nicht, dann frag doch einfach konkreter nach...

Gruß,
Josh

[hoshymann]

Doch doch, ich hab das schon verstanden. Ich wollte euch ja nur erklären, was ich vorhabe, um vielleicht eine Lösung zu finden, beide Seiten verschieden zu machen, aber jetzt hab ich die beiden Seiten angeglichen und eure Idee umgesetzt.

[Joshh]

Hi,

... aber jetzt hab ich die beiden Seiten angeglichen und eure Idee umgesetzt.

Es gibt natürlich auch Möglichkeiten, die Seiten unterschiedlich zu machen, aber wenn ich dir einen Tipp geben darf: Zunächst solltest du deine html/css-Kenntnisse etwas auf Vordermann bringen. Tabellen, font-Tags und Gestaltung mit html (statt css) sind mittlerweile mausetot.
Schau dir mal an, was der Validator dazu sagt.

Gruß,
Josh

[Der Martin]

Hallo,

ich will doch einfach nur ne Frage stellen. Vielleicht kannst du mal nen Gang zurück schalten und mit erklären, was dich an meiner Problembeschreibung stört, anstatt hier jeden runter zu machen, der aus deinen kryptischen Antworten nicht schlau wird.

oder aus deinen kryptischen Fragen ...

Ich habe eine Tabelle, die mittels <center> in der Mitte des Browserfensters angezeigt wird.
Im unteren Teil der Tabelle verwende ich ein Hintergrundbild, das in die Hintergrundfarbe (ich nenne sie mal Sandgelb) übergeht.
Im oberen Teil der Tabelle ist das Hintergrundbild komplexer, wesshalb ich es zum Rand hin etwas vereinfacht habe. Nun möchte ich, dass -wie auf der Grafik- die letzte Spalte von Pixeln immer wieder wiederholt wird, bis der Rand des Browserfensters erreicht ist.

JETZT habe ich's auch verstanden, glaube ich - nur dass dein Musterbild diesen Effekt gar nicht zeigt, da gehen die Texturen bis an den Rand. Deshalb konnte ich bisher deine Erklärungen auch nicht mit dem Bild in Einklang bringen.

Nur: Was du beschreibst, geht so nicht. Du willst quasi die beiden Pixelspalten, die den linken bzw. rechten Rand des Bildes ausmachen, nach links und rechts wiederholen. Das geht nur, wenn du sie als 1px breite Bilder isolierst und zwei anderen Elementen als horizontal gekacheltes Hintergrund gibst.

Wenn du es geschickt anstellst, kannst du das Haupt-Hintergrundbild ja an den Rändern auch so schneiden, dass die linke und die rechte Pixelspalte identisch werden. Dann brauchst du nur ein Element für den "erweiterten" Hintergrund, das sich über die ganze Breite zieht (z.B. html), und eins für das Strand-Hintergrundbild (z.B. body). Die beiden überflüssigen div-Elemente #main und #text kannst du bei der Gelegenheit auch entsorgen.

So long,
 Martin

[Joshh]

Hi,

verpasse dem body die 1px-Grafik als Hintergrundgrafik. Diese wiederholst du mit repeat-x. Zusätzlich sollte das Gelb mit dem die Grafik unten endet, als Hintergrundfarbe deklariert sein.

Bei einem Punkt muss ich mich bleicher anschließen: Fließtext ist furchtbar.

Grüße,
Josh