Seite 1 von 1
Kleine Frage zum Wiederholen von Grafiken im Header
Verfasst: 02.12.2006 22:35
von 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!
Verfasst: 03.12.2006 00:36
von 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.
Verfasst: 03.12.2006 09:04
von 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!
Verfasst: 03.12.2006 13:35
von 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.
Verfasst: 03.12.2006 17:39
von 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">
Verfasst: 08.12.2006 16:47
von mtsluft
Also ich bekommst einfach nicht hin... Kann doch nicht so schwer sein??
Verfasst: 08.12.2006 16:54
von 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">
Verfasst: 08.12.2006 17:00
von mtsluft
Hallo,
wenn ich das einfüge, verzieht sich jetzt auch noch die ganze spalte...
wo genau soll das denn hin?
Verfasst: 08.12.2006 17:59
von 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!
Verfasst: 08.12.2006 18:03
von mtsluft
Na also
Jetzt funzts, danke!