✔ background-image: no-repeat

[Lichtpilger]

Hullo alle,
ich habe eine mehrspaltige Tabelle,
in einem Feld soll sich das Hintergrundbild das ich einfügte nich wiederholen.
Die Klasse für die Tabelle:

<style type="text/css">
.eins {
         height: 100%; 
         background-image: url(images/bg_allsite.jpg);
         background-repeat: no-repeat; 
         background-position: center top;
}
</style>

Nun ist da aber noch ein weiteres Feld, dort soll sich das Hintergrundbild wiederholen.
Tut es aber, ganz klar, nicht.

Wie könnte ich es organisieren das ich beides in der einen Tabelle haben kann?
Würde ungerne noch mehr Tabellen einbaun.

Danke für jeden Tip!
Grüße alle,
Lichtpilger

 

[Maik]

Indem du eine weitere CSS-Klasse einrichtest, in der das Hintergrundbild wiederholt wird.

.zwei {
         height: 100%; 
         background-image: url(images/bg_allsite.jpg);
         background-repeat: repeat-x; /* oder repeat-y */
         background-position: center top;
}

<td class="zwei"> ... </td>

 

[Lichtpilger]

Aaaah,
ich wusste nicht das man im <td> eine klasse einbinden kann, dachte es ist nur im <table> möglich.
Heftigsten Dank!

Lichtpilger

 

[Maik]

Aaaah,
ich wusste nicht das man im <td> eine klasse einbinden kann, dachte es ist nur im <table> möglich.
Heftigsten Dank!

Lichtpilger

CSS-Klassen können in jedem HTML-Element eingebunden werden