Discussion :

[oceane751]

bonjour à tous

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

mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[laurentibus]

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

[oceane751]

ça ne marche pas mieu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[laurentibus]

si tu veux centrer ton image verticalement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<td valign="middle"><img src="tonImage"/></td>

[Bisûnûrs]

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

background:url(images/pointille.gif) repeat-x center center;

[oceane751]

même avec ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

[romain_ci]

le valign met le sur le td où il y a ton image

[oceane751]

en fait c'est :
background-position:center center;

[laurentibus]

en fait ..............
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

merci Bisûnûrs

[oceane751]

en fait ..............
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

merci Bisûnûrs

vi c'était bien avec le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
center center

merci quand même à vous!!!