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

8 réponses

1 2 3
Avatar
Olivier Miakinen

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 Michael cherche à donner une impression de
relief : les pieds dans la case, mais la tête « au dessus ».

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


Avatar
ASM

J'ai l'impression que Michael cherche à donner une impression de
relief : les pieds dans la case, mais la tête « au dessus ».


Ouais ..
Faudrait qu'il nous fasse un dessin du résultat escompté
ce serait + simple.

--
*******************************************************
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 l'impression que Michael cherche à donner une impression de
relief : les pieds dans la case, mais la tête « au dessus ».


Ouais ..
Faudrait qu'il nous fasse un dessin du résultat escompté
ce serait + simple.


Vous ne savez pas à quoi vous vous exposés en demandant un dessin mais le
voici :)
http://jeux.furrina.com/izi/cyborg.gif

J'espère que cela vous aidera à mieux voir ce que j'essaye de faire :)
Je souhaite que mes cases conservent toujours leur taille (48*48) quelque
soit l'image que l'on place dessus.
Dans le 1er cas, vous voyez un petit cyborg qui ne rempli pas la case
Dans le second cas, le cyborg fait environ la taille de 4 cases.
Je voudrais qu'il soit centré, les pieds dans sa cases (bordure rouge) mais
qu'il puisse déborder sur les autres(un peu comme posé dessus)
Quand la souris passe sur la case, je souhaite que la bordure de la case
devienne rouge et que un texte apparaisse à coté en info bulle.

J'espère avoir réussi à etre clair :)
Merci d'essayer de m'aider, car j'ai vraiment du mal avec les CSS.

Michael


Avatar
Olivier Miakinen

Je souhaiterais afficher une image dans une cellule sans modifier la taille
de l'image ni celle de la cellule.


Une solution consiste à [cacher] ce qui en dépasse:
<div style="overflow: hidden; [...]


On dirait que Michael a vraiment du mal à se faire comprendre. Il disait
« dans » une cellule, mais en fait il veut que l'image dépasse, donc
surtout pas overflow:hidden ! ;-)

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


Avatar
L'ermite
Olivier Miakinen wrote:

On dirait que Michael a vraiment du mal à se faire comprendre. Il disait
« dans » une cellule, mais en fait il veut que l'image dépasse, donc
surtout pas overflow:hidden ! ;-)


Aaahh.. ookkayyyy :-))
En ce cas, il y a la méthode de bourrin: tout positionner en absolu en fixant
les dimensions des cases du tableau et superposer tout ça avec les z-index qui
vont bien.
C'est mieux où je suis toujours complètement à côté de la plaque? ;-)
--
L'ermite

Avatar
ASM

En ce cas, il y a la méthode de bourrin: tout positionner en absolu en fixant
les dimensions des cases du tableau et superposer tout ça avec les z-index qui
vont bien.


Je crains que ce ne soit la soluce

C'est mieux où je suis toujours complètement à côté de la plaque? ;-)


Dès qu'il y en a un qui a retrouvé la plaque, il prévient les autres.
D'ac ?
;-))

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

Avatar
Michael Skind

En ce cas, il y a la méthode de bourrin: tout positionner en absolu en
fixant
les dimensions des cases du tableau et superposer tout ça avec les
z-index qui
vont bien.


Je crains que ce ne soit la soluce

C'est mieux où je suis toujours complètement à côté de la plaque? ;-)


Dès qu'il y en a un qui a retrouvé la plaque, il prévient les autres.
D'ac ?
;-))


A nous tous, si on ne trouve pas la solution, c'est a ne plus rien y
comprendre :)

Le positionnement en absolue est impossible car les cases sont affichées par
rapport au personnage, donc différent suivant sa position.
Je continue de mon coté à cherché.

J'ai réussi à afficher les personnages en entier grace à un span de plus,
mais cela fait des choses bizarres au niveau de la sélection.
http://jeux.furrina.com/izi/td_img.html
Il y a une case d'écart entre celle où est le curseur et celle qui s'entoure
de rouge.
De plus je n'arrive pas à centrer le personnage sur sa case, mais ca c'est
un détail ;)

Qui dit mieux ? :)

Michael


Avatar
L'ermite
Michael Skind wrote:
Le positionnement en absolue est impossible car les cases sont affichées par
rapport au personnage, donc différent suivant sa position.


Du moment que tu connais les dimensions de ce qui se trouve (visuellement) dans
une case, tu peux toujours adapter en conséquence celles de la case. Je ne sais
pas si c'est faisable directement sur le <td> mais à défaut, ça l'est sur un
<div> faisant office de contenant intermédiaire.
C'est sûr, ça complique un peu le script qui doit connaître les dimensions de
tous les éléments et bidouiller celle de chaque case du tableau en live mais
c'est la seule solution qui me vient à l'esprit pour l'instant.

--
L'ermite

1 2 3