centrer une image dans une cellule d'un tableau

Version imprimable

bonjour à tous

j'aimerai pouvoir centrer une image dans une cellule par rapport à l'image de la cellule d'à côté

mon code :
Code:

1 2 3 4 5 6 7 8 <table width="200" border="1"> <tr> <td style="background-image: url(images/pointille.gif); background-repeat:repeat-x;" align="center" ></td> <td><img src="images/plus.gif" border="0"/ width="17"></td> </tr> </table>
mais rien n'y fait, le background image reste positionné au "top" de la cellule

quelqu'un pourrait il me dire pourquoi?

merci

26/08/2008, 14h24
laurentibus

essaye en rajoutant les proprietes text-align pour centrer horizontalement et vertical-align pour centrer verticalement, a la balise td

ça ne marche pas mieu :cry:

Code:

1
2
 
 <td style="background-image: url(images/pointille.gif); background-repeat:repeat-x; text-align:center;"></td>

26/08/2008, 14h53
laurentibus
si tu veux centrer ton image verticalement :
Code:

1 2 <td valign="middle"><img src="tonImage"/></td>
26/08/2008, 14h55
Bisûnûrs

Code:

background:url(images/pointille.gif) repeat-x center center;
26/08/2008, 14h59
oceane751

2 pièce(s) jointe(s)
même avec ça :
Code:

1 2 <td valign="middle" style="background-image: url(images/pointille.gif); background-repeat:repeat-x;"></td>
ça ne marche pas
je t'ai mis en pieces jointes les 2 images, si tu pouvais m'aider ...:roll:
26/08/2008, 15h09
romain_ci

le valign met le sur le td où il y a ton image :mouarf:
26/08/2008, 15h09
oceane751

en fait c'est :
background-position:center center;
26/08/2008, 15h29
laurentibus
en fait :D ..............
le code a Bisûnûrs marche nikel ... mais je dis bien le code a Bisûnûrs et non pas le code + d autres chose ... si tu vois ce que je veux dire ........
Code:

1 2 <td style="background:url(images/pointille.gif) repeat-x center center;"/>
merci Bisûnûrs ;)
26/08/2008, 21h07
oceane751
Citation:
Envoyé par laurentibus

en fait :D ..............
le code a Bisûnûrs marche nikel ... mais je dis bien le code a Bisûnûrs et non pas le code + d autres chose ... si tu vois ce que je veux dire ........

Code:

1 2 <td style="background:url(images/pointille.gif) repeat-x center center;"/>

merci Bisûnûrs ;)
vi c'était bien avec le
Code:

1 2 center center
merci quand même à vous!!!:D