8722 sujets

Développement web côté serveur, CMS

bonjour

j'essaye de faire que ma cellule soit remplie par une image dans un tableau à 2 colonnes
1ère colonne d'une cellule
2ème colonne de plusieurs cellules

si je fais en image j'ai plusieurs problèmes:
- la 2ème ligne ne commence que sous la fin de la première alors que j'ai spécifier un rowspan
- je n'arrive pas à fixer la largeur des colonnes 50% et 50 %

si je fais en background j'ai obligatoirement un repeat

je ne peux le faire en css car le nom des images provient d'une variable php
je ne peux fixer la largeur des colonnes en px car les photos on des tailles différentes et je veux qu'elles gardent leur ratio hauteur / largeur d'origine

j’espère que j'ai été clair Smiley sweatdrop

pourriez vous me donner une piste SVP ?
Modifié par unholy (24 Aug 2014 - 01:00)
Pour que l'image se redimensionne sans que le ration ne change, il suffit de ne préciser qu'une seule des tailles. (width dans ton cas)

J'arrive à une solution qui marche en faisant ça :
dans le css :
- donner une largeur à la table
- donner un min-width et un width à 50% aux td

Dans le html:
- ajouter un "width=100%" aux images plus grandes que tes colonnes (pour tester, faut le faire via http://php.net/manual/fr/function.getimagesize.php )

Ma solution ne marche pas par contre si ta table est en largeur variable.Enfin si, on peut mettre le width=100% partout, mais ça agrandira les images trop petites, ce qui, en fonction des cas pourrait faire plutôt moche. Après, à voir en fonction des images et du contexte du tableau.


(et pour l'exemple : http://codepen.io/anon/pen/xdagw )
Modifié par Lothindil (25 Aug 2014 - 13:19)