OVH Cloud OVH Cloud

Image plus grande dans une cellule

28 réponses
Avatar
Michael Skind
Bonjour,

Je souhaiterais afficher une image dans une cellule sans modifier la taille
de l'image ni celle de la cellule.
Cela marche très bien si l'image est plus petite mais si l'image est plus
grande, la cellule prend la taille de l'image pour l'afficher en entier.
J'ai essayé des options de style comme OVERFLOW mais cela ne donne rien.

Merci d'avance pour les réponses,

Michael

10 réponses

1 2 3
Avatar
Thibaut Allender
Je souhaiterais afficher une image dans une cellule sans modifier la taille
de l'image ni celle de la cellule.
Cela marche très bien si l'image est plus petite mais si l'image est plus
grande, la cellule prend la taille de l'image pour l'afficher en entier.
J'ai essayé des options de style comme OVERFLOW mais cela ne donne rien.


il faut mettre l'image en background de cellule
mais ça n'a rien à voir avec javascript

--
thibaut allender | freelance | http://capsule.org

Avatar
Michael Skind
Je souhaiterais afficher une image dans une cellule sans modifier la
taille de l'image ni celle de la cellule.
Cela marche très bien si l'image est plus petite mais si l'image est plus
grande, la cellule prend la taille de l'image pour l'afficher en entier.
J'ai essayé des options de style comme OVERFLOW mais cela ne donne rien.


il faut mettre l'image en background de cellule
mais ça n'a rien à voir avec javascript


J'ai déja une image en fond de cellule. De plus cela ne fait que tronquer

l'image si elle est plus grande que la cellule.
Je souhaiterais qu'elle "déborde" si elle est plus grande.

D'autres idées ?


Avatar
an.archi
J'ai déja une image en fond de cellule. De plus cela ne fait que tronquer
l'image si elle est plus grande que la cellule.
Je souhaiterais qu'elle "déborde" si elle est plus grande.

D'autres idées ?


Bonjour.

Essaie d'ajouter soit "style="width:100%;height:100%;"" dans les attributs de ton image, soit "img {width:100%;height:100%;}" dans une feuille de style.

Avatar
Thibaut Allender
J'ai déja une image en fond de cellule. De plus cela ne fait que tronquer
l'image si elle est plus grande que la cellule.
Je souhaiterais qu'elle "déborde" si elle est plus grande.


style="float:left;" sur l'image alors
mais ca risque pas d'etre joli joli...

--
thibaut allender | freelance | http://capsule.org

Avatar
Thibaut Allender
Je souhaiterais qu'elle "déborde" si elle est plus grande.


Essaie d'ajouter soit "style="width:100%;height:100%;"" dans les
attributs de ton image, soit "img {width:100%;height:100%;}" dans une
feuille de style.


elle ne debordera pas avec ca, elle sera remise à la dimension de la cellule

--
thibaut allender | freelance | http://capsule.org


Avatar
an.archi
Essaie d'ajouter soit "style="width:100%;height:100%;"" dans les
attributs de ton image, soit "img {width:100%;height:100%;}" dans une
feuille de style.
elle ne debordera pas avec ca, elle sera remise à la dimension de la

cellule


Pardon, j'avais mal lu...


Avatar
Michael Skind
J'ai déja une image en fond de cellule. De plus cela ne fait que tronquer
l'image si elle est plus grande que la cellule.
Je souhaiterais qu'elle "déborde" si elle est plus grande.


style="float:left;" sur l'image alors
mais ca risque pas d'etre joli joli...


cela ne donne rien à l'affichage :(

voila la solution la "moins pire" que j'ai trouvé :
<TD>
<SPAN style="position: absolute; bottom: auto;">
<IMG>
</SPAN>
</TD>

Malheureusement la galère continue :)
- L'image (ou le SPAN) est aligné par rapport au coin supérieur gauche de la
cellule et je voudrais qu'il s'aligne par rapport au coin inférieur droit.
- Toutes les modifications de style que je fais sur le TD n'apparaissent
plus (changement du curseur en passant dessus par exemple).
Si quelqu'un pouvait m'aider pour cette histoire de SPAN que je ne maitrise
pas bien...

Michael


Avatar
Olivier Miakinen

J'ai déja une image en fond de cellule. De plus cela ne fait que tronquer
l'image si elle est plus grande que la cellule.
Je souhaiterais qu'elle "déborde" si elle est plus grande.



voila la solution la "moins pire" que j'ai trouvé :
<TD>
<SPAN style="position: absolute; bottom: auto;">
<IMG>
</SPAN>
</TD>

Malheureusement la galère continue :)
- L'image (ou le SPAN) est aligné par rapport au coin supérieur gauche de la
cellule et je voudrais qu'il s'aligne par rapport au coin inférieur droit.


Essaye de remplacer « bottom: auto; » par « bottom: 0; right: 0; ».

- Toutes les modifications de style que je fais sur le TD n'apparaissent
plus (changement du curseur en passant dessus par exemple).


Essaye d'appliquer les styles à « td span » au lieu de « td ».

En espérant que ça aide (non testé).



Avatar
ASM

voila la solution la "moins pire" que j'ai trouvé :
<TD>
<SPAN style="position: absolute; bottom: auto;">
<IMG>
</SPAN>
</TD>

Malheureusement la galère continue :)
- L'image (ou le SPAN) est aligné par rapport au coin supérieur gauche de la
cellule et je voudrais qu'il s'aligne par rapport au coin inférieur droit.
- Toutes les modifications de style que je fais sur le TD n'apparaissent
plus (changement du curseur en passant dessus par exemple).
Si quelqu'un pouvait m'aider pour cette histoire de SPAN que je ne maitrise
pas bien...


Le mieux serait de :
1) dire exactement ce que tu veux
2) donner le code employé (assez complet)
(qu'y a t-il dans le span ? à part l'image ?)
3) poster au bon endroit : par exemple
fr.comp.infosystemes.www.auteurs


--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************

Avatar
Michael Skind

J'ai déja une image en fond de cellule. De plus cela ne fait que
tronquer
l'image si elle est plus grande que la cellule.
Je souhaiterais qu'elle "déborde" si elle est plus grande.



voila la solution la "moins pire" que j'ai trouvé :
<TD>
<SPAN style="position: absolute; bottom: auto;">
<IMG>
</SPAN>
</TD>

Malheureusement la galère continue :)
- L'image (ou le SPAN) est aligné par rapport au coin supérieur gauche de
la
cellule et je voudrais qu'il s'aligne par rapport au coin inférieur
droit.


Essaye de remplacer « bottom: auto; » par « bottom: 0; right: 0; ».

- Toutes les modifications de style que je fais sur le TD n'apparaissent
plus (changement du curseur en passant dessus par exemple).


Essaye d'appliquer les styles à « td span » au lieu de « td ».

En espérant que ça aide (non testé).


J'ai essayé mais quand ca veut pas ... :)
Voila une page avec la solution actuelle.
http://jeux.furrina.com/izi/td_img.html
- Je voudrais arriver à remonter les images pour les aligner sur le bord
inférieur droit
- Voir la bordure du TD changer de couleur

Merci encore




1 2 3