Background Image einer Tabellen Zelle setzen

Grunsätzlich lässt die Überschrift wenig Probleme vermuten. Den Hintergrund einer TD kann man doch ganz einfach setzen mit

<td background="images/background.gif"></td>

Spätestens beim Einsatz einer Master Page und in Unterverzeichnissen wird der Pfad auf das Bild nicht mehr stimmen. Für normale Bilder lässt sich das noch lösen mit dem Zusatz runat=server

<img src="images/background.gif" runat="server" />

ASP.NET ist dann so freundlich und korrigiert den Pfad.

Für die Tabellen Zelle verwende ich immer Styles. Zusätzlich lagere ich die CSS in Themes aus so das ich keine Referenzierung auf die CSS Datei brauche und so auch in kein Pfad Proplem laufen kann.

Wenn man in der Web.Config im Page Element das Attribute StyleSheetTheme und Theme richtig setzt hilft auch der Editor von Visual Studio 2008 sehr gut mit.

.tabelle

{

background-image:url('images/background.gif');

background-repeat: repeat-x;

}

Die im CSS erzeugte Style Klasse wird dann noch zugewiesen.

<td class="tabelle">das ist mein content</td>

</tr>

Fertig!

Kommentar schreiben