tabelle: text über bild

[Krobbus]

Ich habe folgende Tabelle und will, dass über dem toplist_bg.jpg ein text ist. Eigentlich macht man das doch mit style="background-image:url(img/toplist_bg.jpg);", aber das funktioniert irgendwie nicht.

Kann mir einer sagen was ich anstele des <img src="img/toplist_bg.jpg"> dort hinschreiben muss, damit ich einen beliebigen text mittig über das bild legen kann?

               <table width="520" border="0" bordercolor="#000000" cellpadding="5" cellspacing="0">
                            
        <tr> <img src="img/toplist_bg.jpg"> 

               </tr>
                <tr bgcolor="#F2F2F2">
                 <td>#1</td>
                 <td><img src="img/sab03.jpg" width="120" height="86" alt="sab03"></td>
                 <td>
            <table border="0" bordercolor="#000000" cellpadding="5" cellspacing="0">
            <tr>
            <td>Name</td>
            <td width="100">Bewertung</td>
            </tr>
            <tr>
            <th colspan="2">Bla bla bla blo blo blo blu Bla bla bla blo blo blo blu Bla bla bla blo blo blo blu Bla bla bla blo blo blo blu Bla bla bla blo blo blo blu Bla bla bla blo blo blo blu Bla bla bla blo blo blo blu Bla bla bla blo blo blo blu </th>

            </tr>


            </table>


        </td>
                </tr>
     
               </table>

 

[gola-noga]

Versuch mal den Tags ne Feste Größe zu geben, die mit der des Bildes übereinstimen.

 

[Krobbus]

Okay, ich hab das jetzt so geändert (die Größe stimmt), aber leider wird das bild nicht angezeigt. Es ist aber im Verzeichnis!

<tr width="520" height="45" style="background-image:url(img/toplist_bg.jpg);"> Text 

               </tr>

 

[_Thor_]

Versuch mal

style="background-image:url('img/toplist_bg.jpg');"

Nein, das ist es auch nicht, wenn es unbedingt eine Tabelle sein muss, gib den <td>'s das Hintergrundbild, dann klappts.

 

[Krobbus]

super, danke! Nur noch eine Kleinigkeit: Der Text soll jetzt mittig über dem Bild liegen, wie lautet der Befehl um den Text ein paar pixel nach unten zu verschieben?

 

[_Thor_]

Befehle gibt es weder in HTML, noch in CSS. Da gibt es nur Tags, Attribute, Selektoren, Eigenschaften und Werte.

padding-top

sollte dich weiter bringen.