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
ASM

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


et ceci :
http://perso.wanadoo.fr/stephane.moriaux/truc/td_img_sm.html
te conviendrait ?

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)

*******************************************************

Avatar
Olivier Miakinen
Le 28/11/2004 19:37, ASM répondait à Michael Skind :

Voila une page avec la solution actuelle.
http://jeux.furrina.com/izi/td_img.html


et ceci :
http://perso.wanadoo.fr/stephane.moriaux/truc/td_img_sm.html
te conviendrait ?


C'est rigolo comme tout : en passant la souris sur les cases, elles
changent (parfois) de taille. Plus on va vite, et plus on a de chance
qu'elles ne reprennent pas leur taille normale après le passage de la
souris. J'ai aussi réussi à avoir six textes "Show me all the text"
affichés simultanément parmi les neuf cases.

En revanche, sur le site original c'est beaucoup moins drôle. Les deux
personnages sont en dehors du carré, et rien ne bouge quelle que soit la
position de la souris.

Olivier (qui n'arrive plus à égaler son propre record et qui reste
bloqué à cinq "Show me all the text" simultanés)...


Avatar
Olivier Miakinen

http://perso.wanadoo.fr/stephane.moriaux/truc/td_img_sm.html


C'est rigolo comme tout : [...]
J'ai aussi réussi à avoir six textes "Show me all the text"
affichés simultanément parmi les neuf cases.

[...]

Olivier (qui n'arrive plus à égaler son propre record et qui reste
bloqué à cinq "Show me all the text" simultanés)...


Yeah ! J'ai eu les neuf ! Quelqu'un veut jouer aussi ?


Avatar
Michael Skind

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


et ceci :
http://perso.wanadoo.fr/stephane.moriaux/truc/td_img_sm.html
te conviendrait ?



Merci pour ton aide.
L'idée est que les cases ne changent pas de taille quand l'on passe dessus
et que les images puissent passer sur plusieurs cases (pour simuler des gros
monstres :))
J'ai l'impression que la fonction z-index ne fait rien aux images.

Si tu as d'autres solutions, n'hésites pas :)


Avatar
Michael Skind

http://perso.wanadoo.fr/stephane.moriaux/truc/td_img_sm.html


C'est rigolo comme tout : [...]
J'ai aussi réussi à avoir six textes "Show me all the text"
affichés simultanément parmi les neuf cases.

[...]

Olivier (qui n'arrive plus à égaler son propre record et qui reste
bloqué à cinq "Show me all the text" simultanés)...


Yeah ! J'ai eu les neuf ! Quelqu'un veut jouer aussi ?


Je ne pourrais pas te battre car il faut une vieille machine lente pour
pouvoir "bloquer" l'affichage ;)

Michael



Avatar
L'ermite
Michael Skind wrote:
Je souhaiterais afficher une image dans une cellule sans modifier la taille
de l'image ni celle de la cellule.


Une solution consiste à intercaler un <div> entre le <td> et l'image qu'il
contient, avec un style imposant des dimensions au div et cachant ce qui en dépasse:

<table border="1" cellpadding="0" cellspacing="0"><tr><td>
<div style="overflow: hidden; width: 100px; height: 70px;"><img
src="Image1.jpg"></div>
</td></tr></table>

--
L'ermite

Avatar
Olivier Miakinen
[ copie et suivi dans fr.comp.infosystemes.www.navigateurs ]


Je ne pourrai pas te battre car il faut une vieille machine lente pour
pouvoir "bloquer" l'affichage ;)


En fait, il suffit d'utiliser Mozilla 1.6 ou Firefox 0.5 car le bug
n'apparaît pas avec IE.

Quelqu'un sait si c'est bien un bug (je pense que oui) et s'il a été
corrigé dans les versions plus récentes ?

Pour ceux qui n'ont pas suivi, voir la page suivante :
<http://perso.wanadoo.fr/stephane.moriaux/truc/td_img_sm.html>.
C'est le onMouseOut qui marche quand il a le temps. Il suffit souvent de
rester avec la souris pendant quelques secondes dans une case, puis de
la quitter brusquement, pour que le texte reste affiché. Oui, je sais,
en CSS il y a une méthode beaucoup plus propre, mais là n'est pas la
question.


--
Olivier Miakinen
Non, monsieur le juge, je vous le jure : jamais je n'ai cité
Bruxelles dans ma signature.

Avatar
ASM

Merci pour ton aide.
L'idée est que les cases ne changent pas de taille quand l'on passe dessus


J'ai fait agrandir le cases pour (essayer) d'avoir le texte en plus de l'image
Ce n'était pas ce que tu voulais ?

et que les images puissent passer sur plusieurs cases (pour simuler des gros
monstres :))


Rien compris ...
tu veux que l'image du monstre s'agrandisse et recouvre tout le jeu ?
à quelle occasion doit-on obtenir cela ?

J'ai l'impression que la fonction z-index ne fait rien aux images.

Si tu as d'autres solutions, n'hésites pas :)


Il faudrait tout de même finir par savoir ce que tu veux faire !

On survole une case : ça doit faire quoi ?
On clique une case : idem que doit-ce faire ?

Et les personnages ?
Comment arrivent-ils dans une case ?


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

Avatar
ASM

Le 28/11/2004 19:37, ASM répondait à Michael Skind :

http://perso.wanadoo.fr/stephane.moriaux/truc/td_img_sm.html



C'est rigolo comme tout :


N'est-ce pas ? ;-))

Olivier (qui n'arrive plus à égaler son propre record et qui reste
bloqué à cinq "Show me all the text" simultanés)...


Bon ! j'étudie (bientôt) un truc pour les recordmen ;-))
(avec duplication du jeu dès qu'on a les 9 cases textées)

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



Avatar
Michael Skind
"ASM" a écrit dans le message de news:


Merci pour ton aide.
L'idée est que les cases ne changent pas de taille quand l'on passe
dessus


J'ai fait agrandir le cases pour (essayer) d'avoir le texte en plus de
l'image
Ce n'était pas ce que tu voulais ?

et que les images puissent passer sur plusieurs cases (pour simuler des
gros
monstres :))


Rien compris ...
tu veux que l'image du monstre s'agrandisse et recouvre tout le jeu ?
à quelle occasion doit-on obtenir cela ?

J'ai l'impression que la fonction z-index ne fait rien aux images.

Si tu as d'autres solutions, n'hésites pas :)


Il faudrait tout de même finir par savoir ce que tu veux faire !

On survole une case : ça doit faire quoi ?
On clique une case : idem que doit-ce faire ?

Et les personnages ?
Comment arrivent-ils dans une case ?

Le but de ce casse tête est d'avoir des cases d'une taille fixe (comme un

jeu d'échec) et de pouvoir y placer dessus des pièces (images) d'une taille
qui etre supérieure à celle de la case.
J'ai besoin d'un arrière plan (les cases) et un premier plan (les pièces)
D'ou mon problème actuel :
- Les cases effacent une partie de l'image
- Je souhaite centrer au mieux mon image par rapport à la case sur laquelle
elle se trouve (quelque soit sa taille).

Le but a terme est simplement de faire un petit jeu sympa :)
Le jeu est en fait en jsp mais je n'ai fourni la qu'une page afin de tenter
de résoudre mon problème.

Pour répondre à tes questions :
On survole une case et l'on doit simplement voir le texte en info bulle
Les personnages sont statiques (ils bougent mais ca c'est le boulot de java
;))

Merci de ta patience ;)

Michael


1 2 3