[XHTML] Image autoadaptable a la taille d'une celulle

Version imprimable

26/04/2006, 17h04
amarcil

[XHTML] Image autoadaptable a la taille d'une celulle

Bonjour a tous,

Voila, alors je dispose d'un tableau de taille 100% en hauteur et largeur.

De la meme manière j'insére dans une celulle une image, mais si je spécifie 100%, ça bug et l'affichage est erroné.

Ma question: comment rendre l'image autoadaptable a une cellule de tableau (je ne veux pas avoir a fixer de taille)??

MErci
26/04/2006, 17h43
vinzzzz

A ma connaissance ce n'est pas possible, en tout cas avec XHTML et CSS. (je peu me tromper... ^^).
Tu dois spécifier une taille explicite a ton image pour qu'elle s'affiche. Quelque part ca parait logique, immagine ton image qui s'affiche en 100% sur un écran trés large, ca la déformerai totalement...
26/04/2006, 20h21
amarcil

ba la c'est mon but...opur que l'image s'adapte a la taille ideale lors de l'impression...car tout dépend des marges d'impression Oo
26/04/2006, 20h42
Ayana

Est-ce que tu définis la taille de ta cellule ?? En valeur relative ou absolue ???
26/04/2006, 20h56
amarcil

Ba en fait je fixe mon tableau a 100% en hauteur et largeur, comem cela pour l'impression, ça passe nikel...donc ma celulle 'une seule et unique je la met a 100% aussi et le probleme c'est que sur une des pages, c'est une image.... qui doit donc prendre toute la place pour bien atterrir au bord et faire aussi 100%
26/04/2006, 20h57
Ayana

Tu peux nous mettre le code s'il te plaît, que l'on voit où ça cloche précisément ?? ;)

le voila:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<table width="100%" height="100%" style="text-align:center" cellpadding="0" cellspacing="0" border="0" class=traitfin>
<tr>
<td height="100%" width="100%">
<?
$requete = mysql_query("SELECT * FROM t_affichage_img WHERE `fiche`='journal'") or die (mysql_error());
$res= mysql_fetch_array($requete);
$chemin_img_fiche=$res['chemin_img'];
?>
<img src="<? echo $chemin_img_fiche;?>" height="???" width="???"> //les ??? pour dire que je ne sais pas quoi mettre!!! j'ai essayé le 100% mais ça bug.....
</td>
</tr>
</table>

Le code suivant fonctionne trés bien:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1–strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Img</title>
       <meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
   </head>
   <body>
        <table width="100%" height="100%" style="text-align:center" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td height="100%" width="100%">
                <img src="test.jpg" height="100%" width="100%">
                </td>
            </tr>
        </table>
    </body>
</html>

Dc je me suis bien trompé c tout a fait possible de déformer une image et de l'adapter a son conteneur ^^.
Quoi qu'il en soit le code est le même que le tien pratiquement dc jvoi pas ou peut être ton bug (au passage c'est quoi ton bug?.

19/03/2008, 20h13
360no2

Bonjour à tous,

J'ai un peu le même problème qu'xlight a eu en fait et je me rend compte que le code de vinzzzz marche très bien... avec IE.

Par contre Firefox (2.0.0.7) refuse de "casser" le rapport hauteur/largeur.
Du coup je me retrouve avec une image qui prend toute la largeur de l'écran (ce que je souhaite) et 3 fois la hauteur (alors que je voudrais qu'elle se redimensionne à la hauteur de la cellule qui est celle de l'écran).

Est-ce qu'il existe un moyen de casser ce rapport sous firefox ? (en gardant les % pour l'auto-resize, sinon j'ai vu que ff pouvait déformer les images, mais seulement si les nouvelles dimensions sont indiquées en pixels... ce que je cherche justement à éviter...)

Merci pour votre aide !
19/03/2008, 20h30
Seta-san

Tu as pas mal de solution sous javascript, pour afficher et redimensioner une image automatiquement et proportionnellement.