wp-table-reloaded – Html toevoegen

Hi,

Ik ben bezig om html toe te voegen in deze tabel plugin, maar dit wil niet van harte.

Nu heb ik dit opgemaakt, zoals ik ook een lay-out base, maar dit werkt niet.

Voorbeeld van wat ik gedaan heb:

<style>
body {background-color: #000;}
.maand { background: url('http://patrickadam.nl/wp-content/uploads/2011/12/maand.png'); width:100px; height:29px;}
.maand p { font: 12px Arial; color:#000; margin:0; text-align: center; padding-top:7px; text-shadow:0.1em 0.1em #fff;}
.dag { background: url('http://patrickadam.nl/wp-content/uploads/2011/12/dag.png'); width:100px; height:17px;}
.dag p { font: 10px Arial; color:#000; margin:0; text-align: center; padding-top:2px; text-shadow:0.1em 0.1em #fff;}
.datum { background: url('http://patrickadam.nl/wp-content/uploads/2011/12/datum.png'); width:100px; height:54px; margin-top:-6px; }
.datum p { font: 48px Arial; color:#000; margin:0; text-align: center; text-shadow:0.03em 0.03em #fff;}
</style>

<div class="maand"><p>December</p></div>
<div class="dag"><p>Zaterdag</p></div>
<div class="datum"><p>30</p></div>

Toen heb ik geprobeerd, om de style in de stylesheet van de plugin te doen(wp-table-reloaded/admin/admin-style.css), maar ook dit werkt niet.

Dus ben ik verder gaan onderzoeken, en ben ik wat tegen gekomen, maar dan wordt de tekst ernaast weergegeven.

Dat is deze oplossing:
<img src="http://patrickadam.nl/wp-content/uploads/2011/12/maand.png" style="font: 12px Arial; color:#000; margin:0; text-align: center; padding-top:7px; text-shadow:0.1em 0.1em #fff;">December</img>

Hoe kan ik er nou voor zorgen, dat het wel werkt. Moet ik als ik de style in de css van de plugin doe, het ook nog oproepen? Zoja, hoe moet dat dan in de plugin?

Alvast bedankt.

Groet,

Patrick