Discussion :

[TocTocKiéLà?]

Bonjour,
- Je voudrais arriver à avoir une image qui s'étire pour remplir toute une cellule d'un tableau, en html j'utilisais :

Code :

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

<img style="width: 18px; height: 100%;"

j'ai pas trouvé d'équivalent, comment puis-je faire sachant que je ne peux pas utiliser un repeat en background (pour des raisons graphiques) ?

existe-t'il un moyen d'étirer le background ?

[hellspawn_ludo]

J'ai pas compris de ce que tu voulais. Serait-ce quelque chose du genre :

Code :

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

1
2
3
4
5
6
7
8
9
 
  <table>
        <tr>
            <td style="width:500px; height:100px;">
                <img src="UneImage.jpg" style="width:100%; height:100%;" />
            </td>
        </tr>
 
    </table>

??

[TocTocKiéLà?]

oui par exemple, en html j'y arrive, mais en CSS, ça ne marche pas.

[hellspawn_ludo]

Teste ce code :

CSS

Code :

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

1
2
 
#mon_image  {   width:50px; height:200px;}

HTML

Code :

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

1
2
3
4
5
6
7
8
 
<table>
       <tr> 
            <td style="width:100%; height:100%">
                <img id="mon_image" src="UneImage.jpg"  />
            </td>
       </tr>
</table>

Dorénavant, pour que ça s'ajuste automatiquement, tu ne dois modifier que la largeur et hauteur de l'image situé dans le CSS.

Je pense que cette fois, c'est ce que tu désirais. Me tromperais-je ?

[TocTocKiéLà?]

ton code fonctionne, mais voilà ce que je voudrais : c'est arriver à étirer les images de chaque cotés de mon menu :

ton code me force à connaître la taille de la boîte, j'aimerais plutôt quelque chose comme ça :

Code :

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

#mon_image  {   width:50px; height:100%;}

est-ce possible ? car j'ai essayé et ça ne marche pas.

[hellspawn_ludo]

Je ne sais pas si c'est possible. Faudrait l'avis d'une personne plus qualifié que moi. Je débute que seulement.

Je ne sais pas comment tu as créé ton tableau mais toujours est-il qu'il y a moyen de faire ceci :

CSS

Code :

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

1
2
 
#mon_image  {   width:15px; height:100%;}

HTML

Code :

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

1
2
3
4
5
6
7
8
 
    <table>
       <tr> 
            <td style="width:100%; height:200px;">
                <img id="mon_image" src="UneImage.jpg"  />
            </td>
        </tr>
    </table>

Je ne sais pas si c'est ce que tu cherches mais c'est toujours pareil, ça fonctionne.

Le mieux serait de voir ton code.