2010-04-04 5 views
0

Comment pouvons-nous intégrer une image comme une image de fond pour une table ..l'image Backgroung pour une table

<table> 
    <tr> 
    <td><textarea>Some data here.....</textarea> 
    </td> 
    <td></td> 
    </tr> 
    <tr> 
    <td><textarea>Some data here.....</textarea> 
    </td> 
    <td></td> 
    </tr> 

Merci ..

Répondre

5

Demandez-vous comment assigner une image d'arrière-plan une table? Comme pour tout autre élément HTML.

En CSS:

table.mytable 
{ background-image: url(your_image.gif); } 

En HTML:

<table class="mytable"> 

Référence:

background-image property at w3schools

voir cette page pour les paramètres supplémentaires background-repeat et background-position.

+1

Il convient de noter que l'arrière-plan car la ligne de la table apparaîtra au-dessus de l'arrière-plan de la table, et l'image de fond de la cellule de table apparaîtra au-dessus de celle de la ligne de table, donc vous pourriez avoir besoin d'assigner 'background-color: transparent; tr, td'. –

0
table { 
    background-image: url(/images/foo.png); 
} 
0

suite à l'exemple de Pekka.

table.mytable td 
{ background-image: url(your_image.gif); } 

laisseraient vous mettre une image de fond dans chaque cellule

si vous avez appliqué un attribut de classe à l'<td class="myClass"> vous pouvez alors ajouter un arrière-plan personnalisé aux cellules individuelles.

0

en ligne css like-style = "background-image: url (votre_image.gif);" - n'est pas très bon.

à mon avis la meilleure façon de mettre bg à table est;

html: table> tr> td.wide

css: table tr td.wide {background: url répétition #ffffff (/images/bg.png);}

Questions connexes