jpg-hintergrundbild strecken

[froggy0103]

aalllso: Ich habe folgendes Problem:
Und zwar soll ich für eine Firma, bei der ich Praktikum mache, die HP neu machen und bin fast fertig. Bis auf dass sie die html seite mit strecken soll, also alles auf 100 % gesetzt wird und sich der Inhalt auf die Bildschirmgröße anpasst. Jetzt hab ich aber das Problem, dass ich dort mehrere Balken im jpg-Format verwende und diese einen weiß-roten Farbverlauf haben. Wenn ich es bei Dreamweaver als Hintergrund einer Zelle einfüge, sieht alles gut aus, bis auf dass wenn die Seite in html zu lang gestreckt wird, sich der Farbverlauf irgendwann wiederholt.
Was kann ich machen, um das zu vermeiden???
Danke shconmal im Vorraus

[Thomas]

Hi froggy0103 und willkommen im TP

Grafik "strecken" wird nicht gehen

was du machen kannst:
Tabelle mit 2 Spalten, linke Spalte fest auf z.B. 760 px definieren und eine passende Grafik mit Verlauf reinpacken

die andere Spalte "dynamisch" machen und da eine 1-farbige Grafik (die zum "Ende" deines Verlaufes links passt) reinsetzen und diese sich kacheln lassen

nimm als Breite diese Kachel aber mind. 40 px Breite, sonst könnte der olle NN 4 Probleme machen

[froggy0103]

Danke erstmal für die schnelle Antwort
Irgendwie klappt das nur nicht so ganz, weil mein Problem ist, dass dieser balken, den ich habe wie ein Button aussieht, also am Ende abgerundet ist
Weil ich die Balken den Button in der Navigation angleichen wollte. Hmm..naja und wenn ich es strecke, dann wiederholt sich natürlich irgendwann das weiß und wenn ich es so mache wie du es mir gesagt hast, dann sieht man den Übergang
Shit...da gibt es dann wohl keinen anderen Ausweg was?

[Thomas]

dann mach ne 3-spaltige Tabelle:
links fest definiert, Mitte Variabel, rechts fest definiert.
rechts packst du dann das Endstück mit Rundung deiner Balkengrafik rein

[froggy0103]

Hmmm...ja das Problem ist, dass dieser Balken in sich gebogen ist, also an allen Kanten abgerundet ist. Und wenn ich dort ein Zwischenstück reinsetze, was "normal" aussieht, passt das ganze ja nicht zusammen.
Er kachelt das ganze dann ja und man sieht trotzdem die runden Abschlüsse/den Übergang.

[Kafkaesk]

Na ja, ist doch eigentlich logisch, dass Du als Voraussetzung zur Endlos-Kachelung ein Stück brauchst, dass gleiche Maße und einen gleichmäßigen Farbverlauf hat. Da reichen in der Breite auch 10px. Und wenn das bei Dir nicht geht, dann mußt Du es halt ein wenig umgestalten. Du kannst in die Kachelung nicht auch noch einen Längsverlauf machen.

[froggy0103]

Also kann ich's wohl so, wie ichs haben wollte, vergessen was

[Thomas]

ich würd die Grafik ungefähr wie im Anhang aufteilen, den mittleren Teil einfach kacheln lassen, vielleicht noch etwas "grafisches Feintuning" dran machen, dass er 100%ig gleich ist und dann passt das schon

[froggy0103]

Hmmm...also entweder bin ich zu doof oder es geht einfach nicht
Ich habe jetzt den Balken in 3 teile unterteilt und in eine 3-spaltige Tabelle gesetzt. Die äußeren Teile habe ich bei ihrer Größe gelassen und den Mittelteil auf 100% gesetzt. nur ist von den äußeren Teilen jetzt nicht mehr wirklich etwas zu sehen
Es ist fast nur noch der mittlere Teil zu sehen, also fast alles ist rot und es besteht überhaupt kein Übérgang...

[Kafkaesk]

Du mußt den einzelnen Zellen schon feste Werte zuweisen, sonst klappt das nicht, 50px oder 80 % z. B. Und in dem Bereich, der sich Richtung unendlich kacheln soll die Grafik als Hintergrund legen.

[armando]

so sollte es aussehen:

<table>
<tr>
<td width="600px"><img src="DEINBILD1" width="600px" heigth="20px"></td>
1.variante
<td background="DEINBILD2">&nbsp;</td>
'ende 1.variante
2.variante
<td><img src="DEINBILD2" width="100%" heigth="20px"></td>
'ende 2.variante
<td width="50px"><img src="DEINBILD3" width="50px" heigth="20px"></td>
</tr>
<table>

du kannst jetzt wählen zwischen der variante 1 oder 2. bild aufteilung ist nach dem von Thomas gemacht.

[froggy0103]

Okay, ich hab's hinbekommen
Danke euch ne!!!