Hintergrundbild in Tabellenzelle wird gekachelt

[Ulrike Klein]

Hallo Leute,

schreib heute zum ersten Mal hier rein und hoffe, dass mir irgendjemand helfen kann. Also, ich will über ein Hintergrundbild in einer Tabellenzelle Text legen (bzw. Links). Eigentlich hat das auch schon geklappt, aber das Bild wird leider nicht nur 1x sondern 1,5x dargestellt, nennt man glaube ich gekachtelt. Wie kann ich das verhindern, mit background="" hab ich´s schon versucht, ging aber nicht, hab ich vielleicht auch falsch plaziert.

Hier einen Ausschnitt des Quellcodes, es geht um dieses Bild:
<td background="../../bilder/buttonhgr2.gif">

<TABLE cellspacing=0 cellpadding=0 width=149 height=100%>
<TR>
<TD align=center valign=top height=42>
                   
<img  src="../../bilder/zw.gif" width=68 height=56 border=0 ALT="zw-shopping">
<img src="../../images/navigator/branchen.gif" width=140 height=40 border=0 ALT="Branchen Zweibrücken">
</TD>
</TR>
<TR>
<TD>
<table align=center border=0 cellspacing=0 cellpadding=0 width=106 height=149>
<tr>
<td background="../../bilder/buttonhgr2.gif">
<font size="2">
<nobr><DIV ID="ebene0" style="width:140px;"><A HREF="#" TARGET="home" onClick="zeige(0);">        Dienstleistungen</A></DIV>
<nobr><DIV ID="ebene1" style="width:140px;"><A HREF="#" TARGET="home" onClick="zeige(1);">        Gastronomie <br>
                                                                                                  und Hotel</A></DIV>
<nobr><DIV ID="ebene2" style="width:140px;"><A HREF="#" TARGET="home" onClick="zeige(2);">        Gesundheit</A></DIV>
<nobr><DIV ID="ebene3" style="width:140px;"><A HREF="#" TARGET="home" onClick="zeige(3);">        Handel</A></DIV>
<nobr><DIV ID="ebene4" style="width:140px;"><A HREF="#" TARGET="home" onClick="zeige(4);">        Handwerk</A></DIV>
<nobr><DIV ID="ebene5" style="width:140px;"><A HREF="#" TARGET="home" onClick="zeige(5);">        Industrie</A></DIV>
<nobr><DIV ID="ebene6" style="width:140px;"><A HREF="#" TARGET="home" onClick="zeige(6);">        Soziales</A></DIV>
</td>
</tr>
</table>

[Jürgen K.]

Hallo,

lies Dir diesen Absatz: http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_image und den darauf folgenden durch, da steht, wie man Bilder per CSS einbindet und das Kacheln vermeidet.

Viele Grüße,
Jürgen

ps: Das direkte mailen der Frage an Forumsteilnehmer führt im allgemeinen zu wenig Erfolg außer der Verärgerung der angemailten. Es reicht, wenn Du die Frage ins Forum stellst, sie wird schon beantwortet.

[Verona]

Versuch's mal mit no-repeat. In der Regel liegt es daran, dass die Zelle größer ist, als das Hintergrundbild.

style="background-image:url(../../bilder/buttonhgr2.gif);background-repeat:no-repeat"

Was du auch machen kannst, ist das Bild einfach mit einem transparenten Bereich vergrößern. Ist aber nicht die feine Art. Mehr Speicher und unter Umständen auch nicht mit anderen Sachen kombinierbar.

V.