[HaBo]

valenterry · 18.06.07, 18:14

Hallo auch.

Nehmen wir an, ich habe folgende Tabelle:

Code:

<table>
   <tr>
      <td style="background-image:url(irgendein/bild.gif)">
         Text, Text, Text...
      </td>
   </tr>
</table>

Das Bild soll einen Farbverlauf darstellen. Und zwar oben dunkel, mitte hell, unten dunkel.

Nun gibt es natürlich das Problem, dass das Bild bei entweder zu großer Schrift oder Zeilenbrüchen usw. zu klein ist und somit wiederholt angezeigt wird, was ziemlich besch...eiden aussieht. Zwar könnte ich auch ein repeat:repeat-none; einbauen, aber dann sieht man am Ende der Grafik den Hintergrund. Auch nicht so toll. Gibt es also die Möglichkeit das Bild irgendwie so zu strecken, dass es den Platz immer genau ausfüllt?

ShadowFire · 18.06.07, 19:28

mit css eingebundene bilder lassen sich nicht strecken.

du kannst höchstens die html-tags background, width und height benutzen.

(wenn ich mich nicht komplett irre)

Anzeige

- Anzeige -

valenterry · 18.06.07, 19:52

Ja, wäre möglich, aber dann müsste ich das Bild jedes mal einzeln einfügen und könnte es nicht mit CSS oder womit auch immer zentral definieren.

Indi · 18.06.07, 21:31

Mal angenommen du möchtest einen vertikalen Farbverlauf, dann nimmt man im Normallfall ein Bild mit der Breite von einem Pixel und der Höhe des Farbverlaufes. Dann wiederholst du das bild auf der horizontalen Achse und gibst als Hintergrund deines Bereiches die Farbe an, die am Background-Bild an den untersten Koordinaten vorhanden ist. Dadurch kannst du zwar auch nicht die Höhe des Farbverlaufes beeinflussen, allerdings hast du bei egal welcher Größe des Bereiches zumindest ein sauberes Bild.

valenterry · 18.06.07, 21:52

Zitat:

Original von Indi
Mal angenommen du möchtest einen vertikalen Farbverlauf, dann nimmt man im Normallfall ein Bild mit der Breite von einem Pixel und der Höhe des Farbverlaufes. Dann wiederholst du das bild auf der horizontalen Achse und gibst als Hintergrund deines Bereiches die Farbe an, die am Background-Bild an den untersten Koordinaten vorhanden ist. Dadurch kannst du zwar auch nicht die Höhe des Farbverlaufes beeinflussen, allerdings hast du bei egal welcher Größe des Bereiches zumindest ein sauberes Bild.

Sauer ja, schön ist es nicht, wenn die Farbe dann auf einmal bleibt.
Außerdem kann ich dann die Hintergrundfarbe für Besucher, die keine Grafiken anzeigen können, nicht mehr definieren.

Indi · 18.06.07, 21:58

Die Hintergrundfarbe ist die, die du definierst im CSS. Irgendwas muss dir halt auch recht sein. Wenn es nicht schön ist, hast du etwas falsch gemacht.

valenterry · 18.06.07, 22:15

Hab ich gar nicht <.< was kann ich denn dafür, dass CSS so unflexibel ist? (Nicht ganz so ernst gemeint)
Naja, dann werd ich mir wohl etwas anderes einfallen lassen müssen.

Anzeige

- Anzeige -

18.06.07, 18:14	#1 (permalink)
valenterry Registriert seit: 25.07.06 Likes: 0	Farbverlauf als gedehntes / gestauchtes Hintergrundbild Anzeige Hallo auch. Nehmen wir an, ich habe folgende Tabelle: Code: <table> <tr> <td style="background-image:url(irgendein/bild.gif)"> Text, Text, Text... </td> </tr> </table> Das Bild soll einen Farbverlauf darstellen. Und zwar oben dunkel, mitte hell, unten dunkel. Nun gibt es natürlich das Problem, dass das Bild bei entweder zu großer Schrift oder Zeilenbrüchen usw. zu klein ist und somit wiederholt angezeigt wird, was ziemlich besch...eiden aussieht. Zwar könnte ich auch ein repeat:repeat-none; einbauen, aber dann sieht man am Ende der Grafik den Hintergrund. Auch nicht so toll. Gibt es also die Möglichkeit das Bild irgendwie so zu strecken, dass es den Platz immer genau ausfüllt?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Hintergrundbild	sprudelgehirn	(Web-) Design und webbasierte Sprachen	19	13.11.09 22:10
Mit GD "Rahmen" um das Bildzeichen z.b Farbverlauf	reaLInsanity	(Web-) Design und webbasierte Sprachen	0	25.11.06 18:41
Farbverlauf in PHP	boppy	(Web-) Design und webbasierte Sprachen	2	08.09.03 13:58
Hintergrundbild?	Nils	Windows	2	17.08.03 19:17
hintergrundbild	blueflash	Windows	12	15.06.03 17:01

18.06.07, 19:28	#2 (permalink)
ShadowFire Registriert seit: 13.01.06 Likes: 0	mit css eingebundene bilder lassen sich nicht strecken. du kannst höchstens die html-tags background, width und height benutzen. (wenn ich mich nicht komplett irre)

18.06.07, 19:52	#3 (permalink)
valenterry Themenstarter Registriert seit: 25.07.06 Likes: 0	Ja, wäre möglich, aber dann müsste ich das Bild jedes mal einzeln einfügen und könnte es nicht mit CSS oder womit auch immer zentral definieren.

18.06.07, 21:31	#4 (permalink)
Indi Member of Honour Registriert seit: 02.10.01 Likes: 0	Mal angenommen du möchtest einen vertikalen Farbverlauf, dann nimmt man im Normallfall ein Bild mit der Breite von einem Pixel und der Höhe des Farbverlaufes. Dann wiederholst du das bild auf der horizontalen Achse und gibst als Hintergrund deines Bereiches die Farbe an, die am Background-Bild an den untersten Koordinaten vorhanden ist. Dadurch kannst du zwar auch nicht die Höhe des Farbverlaufes beeinflussen, allerdings hast du bei egal welcher Größe des Bereiches zumindest ein sauberes Bild.

18.06.07, 21:58	#6 (permalink)
Indi Member of Honour Registriert seit: 02.10.01 Likes: 0	Die Hintergrundfarbe ist die, die du definierst im CSS. Irgendwas muss dir halt auch recht sein. Wenn es nicht schön ist, hast du etwas falsch gemacht.

18.06.07, 22:15	#7 (permalink)
valenterry Themenstarter Registriert seit: 25.07.06 Likes: 0	Hab ich gar nicht <.< was kann ich denn dafür, dass CSS so unflexibel ist? (Nicht ganz so ernst gemeint) Naja, dann werd ich mir wohl etwas anderes einfallen lassen müssen.

[HaBo]

Farbverlauf als gedehntes / gestauchtes Hintergrundbild