Kleine Frage zum Wiederholen von Grafiken im Header

[mtsluft]

Hallo,

schaut bitte mal in den Header meines Forums.
Dort sind derzeit in der grossen oberen tabellenspalte 2 grafiken. (Die mit "Heimkinopage" und dem Weihnachtsbaum), also eine breitere und schmalere.
Wie man auch sieht passen die beiden Grafiken zwar gut aneinander, allerdings habe ich jetzt rechts von den beiden Grafiken noch ein Stück weisse fläche, die, je nach dem ob man einen grösseren oder kleineren bildschirm hat von der breite variiert.
Ich hatte mir dazu folgendes überlegt, damit ich diesen blauen hintergrund über die komplette tabellenzeile bekomme: Eine grafik mit der höhe wie die anderen beiden und mit der breite 1pixel erstellen (in der hintergrundfarbe), und diese dann so oft wiederholen, wie es nötig ist, damit da kein weisser rest mehr ist.

Wie bewerkstellige ich das, oder hat jemand ne bessere idee?

danke!

[gn#36]

Ich sehe zwar die Stelle nicht wo das Problem sein soll, aber allgemein:

Einen Block drum herum legen und mit der Hintergrundfarbe ausstatten - sofern es einfarbig ist:

Code: Alles auswählen

<div style="background-color:#0000FF;" width="100%"> --- CODE --- </div>

Evtl. musst du noch die Höhe festlegen, der Block sollte sich über die gesamte Breite erstrecken. Dadurch sollte hinter den Grafiken eine Farbe erscheinen (die festgelegte, also hier blau)

Ansonsten background-repeat und background-color oder background-image (CSS) benutzen.

[mtsluft]

Hi,

danke, aber der Hintergrund ist ja nicht einfarbig, sondern dieser hellblau in weiss verlaufende.
Wie wäre denn der Code genau, wenn ich eine grafik wiederholen lassen will? (In der einen tabellenzeile)

danke!

[Elvis]

zb im TD Tag

Code: Alles auswählen

style="background: url(images/templates/xxx/deinegrafik.gif) repeat-x;"

wobei das "repeat-x" Horizontal unendlich und "repeat-y" vertikal undenlich ist.

[mtsluft]

Hi,

funzt leider nicht...
auszug aus meiner overall_header.tpl:

<tr>
<td style="background: url(pics/background.gif) repeat-x;">
<a href="index.php">

[mtsluft]

Also ich bekommst einfach nicht hin... Kann doch nicht so schwer sein??

[gn#36]

Probier's mal so:

Code: Alles auswählen

<tr>
<td style="background-image: url(pics/background.gif);
		background-repeat: repeat;">
<a href="index.php"> 

[mtsluft]

Hallo,

wenn ich das einfüge, verzieht sich jetzt auch noch die ganze spalte...
wo genau soll das denn hin?

[gn#36]

So jetzt weiß ich auch was du ändern wolltest, ich hatte deinen "Weihnachtsbaum" auf deiner Seite nicht gefunden weil der direkte Link dahin fehlte.
Also....

Dein derzeitiger Code für den Header ist der hier:

Code: Alles auswählen

<tbody><tr>
<td background="http://www.heimkinopage.de/cellpic31.png">
<a href="index.php">
		<img src="http://www.heimkinopage.de/forumheader1.png" border="0" height="122" width="524">
<img src="http://www.heimkinopage.de/forumheader2.png" border="0" height="122" width="214"></a><img src="cellpic31.png" border="0" height="122" width="13"></td></tr><tr>
<td>

Ich würde es hiermit Probieren:

Code: Alles auswählen

<tbody><tr>
<td style="background-image: url(cellpic31.png);
      background-repeat: repeat;">
<a href="index.php">
		<img src="http://www.heimkinopage.de/forumheader1.png" border="0" height="122" width="524">
<img src="http://www.heimkinopage.de/forumheader2.png" border="0" height="122" width="214"></a><img src="cellpic31.png" border="0" height="122" width="13"></td></tr><tr>
<td>

Hast du darauf geachtet wie cellpic31.png geschrieben wird? Evtl. ist das ganze Case Sensitive!

[mtsluft]

Na also

Jetzt funzts, danke!