Grafik links und rechts einer Tabelle unendlich oft wiederholen? – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Grafik links und rechts einer Tabelle unendlich oft wiederholen? Tue, 15 Mar 11 21:47:15 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499645#m1499645 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499645#m1499645 <p>Hallo!</p> <p>Unter http://home.arcor.de/hoshymann/test/ findet ihr einen ersten Entwurf eine Homepage für meine Band.<br> 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<br> Aber ich weiß einfach nicht, wie ich das machen kann.<br> Bin leider ziemlich aus der Übung, weil ich das ewig nicht mehr gemacht habe ;) Also würde ich mich sehr über eure Hilfe freuen!</p> <p>Gruß,<br> Mark</p> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Tue, 15 Mar 11 22:32:55 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499647#m1499647 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499647#m1499647 <p>Grüße,<br> 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.<br> MFG<br> bleicher</p> <div class="signature">-- <br> __________________________-<br> <img src="http://img296.imageshack.us/img296/9641/minibannerso7.jpg" alt="" loading="lazy"><br> <a href="http://www.firefoxmyths.com" rel="nofollow noopener noreferrer">FirefoxMyth</a> </div> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Wed, 16 Mar 11 09:33:33 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499646#m1499646 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499646#m1499646 <p>Hi,</p> <p>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.</p> <p>Bei einem Punkt muss ich mich bleicher anschließen: Fließtext ist furchtbar.</p> <p>Grüße,<br> Josh</p> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Tue, 15 Mar 11 23:04:58 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499648#m1499648 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499648#m1499648 <p>Ähm... Worauf willst du mit deinen Äußerungen hinaus?<br> Wieso sollte die JPG kein Bild sein?! "eine optische Reproduktion der (gestalteten) Wirklichkeit" sagt das Lexikon...<br> 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.<br> Außerdem sollte zwischen der Grafik und der verlinkten Seite ja wohl ein Unterschied zu sehen sein.</p> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Wed, 16 Mar 11 09:13:50 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499649#m1499649 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499649#m1499649 <p>Grüße,</p> <blockquote> <p>Ähm... Worauf willst du mit deinen Äußerungen hinaus?<br> Wieso sollte die JPG kein Bild sein?! "eine optische Reproduktion der (gestalteten) Wirklichkeit" sagt das Lexikon...</p> </blockquote> <p>unangebracht klugschiss - du willst eine antwort ODER bestätigung, dass du olle bist und dann wohl nix extra frgen musst</p> <blockquote> <p>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.</p> </blockquote> <p>nope, nein</p> <blockquote> <p>Außerdem sollte zwischen der Grafik und der verlinkten Seite ja wohl ein Unterschied zu sehen sein.</p> </blockquote> <p>absolut nix was sich aus einer 1px-grafik basteln ließe.</p> <p>ah ja - tu den marquee da weg, du bist wohl keine 12 mehr, oder?<br> bschreib dein problem/frage genauer - im moment werde ich aus deinen absichten nicht schlau<br> MFG<br> bleicher</p> <div class="signature">-- <br> __________________________-<br> <img src="http://img296.imageshack.us/img296/9641/minibannerso7.jpg" alt="" loading="lazy"><br> <a href="http://www.firefoxmyths.com" rel="nofollow noopener noreferrer">FirefoxMyth</a> </div> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Wed, 16 Mar 11 13:48:09 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499650#m1499650 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499650#m1499650 <p>Alter,</p> <p>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.</p> <p>Ich verwende so viele marquees, wie ich will und das hat nichts mit dem Problem zu tun.</p> <p>Also nochmal:<br> Ich habe eine Tabelle, die mittels <center> in der Mitte des Browserfensters angezeigt wird.<br> Im unteren Teil der Tabelle verwende ich ein Hintergrundbild, das in die Hintergrundfarbe (ich nenne sie mal Sandgelb) übergeht.<br> 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.</p> <p>Wenn daran jetzt irgendwas unverständlich ist, dann sag doch bitte einfach mal was!</p> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Wed, 16 Mar 11 13:53:46 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499652#m1499652 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499652#m1499652 <p>Grüße,</p> <blockquote> <p>Also nochmal:<br> Ich habe eine Tabelle, die mittels <center> in der Mitte des Browserfensters angezeigt wird.<br> Im unteren Teil der Tabelle verwende ich ein Hintergrundbild, das in die Hintergrundfarbe (ich nenne sie mal Sandgelb) übergeht.<br> 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.</p> </blockquote> <p>ich rate mal aus der beschriebung alleine - du brauchst ein 1px breites bild großer höhe, dann machst du draus zB:</p> <p>body{<br> background-image:url(...woauchimemrdienbildist);<br> background-repeat:repeat-x;<br> }</p> <p>mehr <http://de.selfhtml.org/css/eigenschaften/hintergrund.htm@title=hier zu lesen></p> <p>du hast doch <a href="http://home.arcor.de/hoshymann/test/muster.jpg" rel="nofollow noopener noreferrer">dieses Bild verlinkt</a> - wo soll da die tabelle sein? hast du vllt einfach das falsche bild verlinkt und wir reden an einander vorbei</p> <p>MFG<br> bleicher</p> <div class="signature">-- <br> __________________________-<br> <img src="http://img296.imageshack.us/img296/9641/minibannerso7.jpg" alt="" loading="lazy"><br> <a href="http://www.firefoxmyths.com" rel="nofollow noopener noreferrer">FirefoxMyth</a> </div> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Wed, 16 Mar 11 14:08:04 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499651#m1499651 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499651#m1499651 <p>Hallo,</p> <blockquote> <p>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.</p> </blockquote> <p>oder aus deinen kryptischen Fragen ...</p> <blockquote> <p>Ich habe eine Tabelle, die mittels <center> in der Mitte des Browserfensters angezeigt wird.<br> Im unteren Teil der Tabelle verwende ich ein Hintergrundbild, das in die Hintergrundfarbe (ich nenne sie mal Sandgelb) übergeht.<br> 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.</p> </blockquote> <p>JETZT habe ich's auch verstanden, glaube ich - nur dass dein <a href="http://home.arcor.de/hoshymann/test/muster.jpg" rel="nofollow noopener noreferrer">Musterbild</a> 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.</p> <p>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.</p> <p>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.</p> <p>So long,<br>  Martin</p> <div class="signature">-- <br> <a href="http://community.de.selfhtml.org/zitatesammlung/zitat175" rel="nofollow noopener noreferrer">why the heck</a> do you jerk think, that wir ein doppelposting nicht bemerken, wenn you zwischendurch the sprache wechselst?<br>   (wahsaga)<br> Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:( </div> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Wed, 16 Mar 11 15:19:45 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499653#m1499653 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499653#m1499653 <p>Sorry, ich verstehe irgendwie nicht, was daran so schwer zu verstehen ist.<br> Habe jetzt mal in das Bild Stricke eingezeichnet, damit vielleicht deutlicher wird, was ich meine.<br> Auf der verlinkten Seite, sieht man nur den Bereich, der zwischen den beiden blauen Linien liegt, vor einem gelben Hintergrund.<br> Der Hintergrund soll jetzt aber nicht überall gelb sein, sondern im oberen Bereich ("TOP") eben aussehen, wie auf dem Bild.</p> <blockquote> <p>Das geht nur, wenn du sie als 1px breite Bilder isolierst und zwei anderen Elementen als horizontal gekacheltes Hintergrund gibst.</p> </blockquote> <p>Genau das habe ich auf dem Bild mittels eines Bildverarbeitungsprogramms getan.</p> <blockquote> <p>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).</p> </blockquote> <p>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.</p> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Wed, 16 Mar 11 15:23:20 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499654#m1499654 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499654#m1499654 <p>Grüße,</p> <blockquote> <p>Habe jetzt mal in das Bild Stricke eingezeichnet, damit vielleicht deutlicher wird, was ich meine.</p> </blockquote> <p>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?<br> MFG<br> bleicher</p> <div class="signature">-- <br> __________________________-<br> <img src="http://img296.imageshack.us/img296/9641/minibannerso7.jpg" alt="" loading="lazy"><br> <a href="http://www.firefoxmyths.com" rel="nofollow noopener noreferrer">FirefoxMyth</a> </div> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Wed, 16 Mar 11 15:42:17 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499655#m1499655 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499655#m1499655 <p>Servus,</p> <blockquote> <p>habe ich dir schon oben erklärt - zusätzlich vllt gelb in bgcolor, der obere Rand mit himmel als bgimage mir repeat-x,</p> </blockquote> <p>Ich übrigens auch ;-)<br> (siehe ganz oben)</p> <p>Gruß,<br> Josh</p> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Wed, 16 Mar 11 15:44:46 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499656#m1499656 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499656#m1499656 <p>Grüße,</p> <blockquote> <blockquote> <p>habe ich dir schon oben erklärt - zusätzlich vllt gelb in bgcolor, der obere Rand mit himmel als bgimage mir repeat-x,</p> </blockquote> <p>Ich übrigens auch ;-)<br> (siehe ganz oben)</p> </blockquote> <p>doppelt genäht - dankt nicht!<br> MFG<br> bleicher</p> <div class="signature">-- <br> __________________________-<br> <img src="http://img296.imageshack.us/img296/9641/minibannerso7.jpg" alt="" loading="lazy"><br> <a href="http://www.firefoxmyths.com" rel="nofollow noopener noreferrer">FirefoxMyth</a> </div> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Wed, 16 Mar 11 17:21:44 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499657#m1499657 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499657#m1499657 <blockquote> <p>doppelt genäht - dankt nicht!</p> </blockquote> <p>:-)</p> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Wed, 16 Mar 11 22:21:10 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499658#m1499658 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499658#m1499658 <p>Kann ja nicht jeder so ein Held sein...<br> Danke für die Hilfe.</p> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Thu, 17 Mar 11 07:27:08 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499659#m1499659 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499659#m1499659 <p>Moin,</p> <p>hast du jetzt verstanden, was du machen musst? Wenn nicht, dann frag doch einfach konkreter nach...</p> <p>Gruß,<br> Josh</p> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Thu, 17 Mar 11 16:02:29 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499660#m1499660 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499660#m1499660 <p>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.</p> Grafik links und rechts einer Tabelle unendlich oft wiederholen? Thu, 17 Mar 11 16:23:19 Z https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499661#m1499661 https://forum.selfhtml.org/self/2011/mar/15/grafik-links-und-rechts-einer-tabelle-unendlich-oft-wiederholen/1499661#m1499661 <p>Hi,</p> <blockquote> <p>... aber jetzt hab ich die beiden Seiten angeglichen und eure Idee umgesetzt.</p> </blockquote> <p>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.<br> Schau dir mal an, was der <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fhome.arcor.de%2Fhoshymann%2Ftest%2F&charset=%28detect+automatically%29&doctype=Inline&group=0" rel="nofollow noopener noreferrer">Validator</a> dazu sagt.</p> <p>Gruß,<br> Josh</p>