OVH Cloud OVH Cloud

TD et Image

8 réponses
Avatar
Michael Skind
Bonjour,

Pour commencer, le lien de ma solution actuelle :)
http://jeux.furrina.com/izi/td_img.html

Voila ce que je n'arrive pas à faire:
1) Je voudrais aligner les images par rapport au bord inférieur droit du TD
et non au bord supérieur gauche comme c'est le cas.
2) La bordure du TD ne change pas de couleur quand l'on passe dessus, malgré
la présence du code qui fonctionne sans le SPAN (mangerait il la couleur ?)

Merci de votre aide,

Michael

8 réponses

Avatar
Le Fou
Michael Skind a écrit
Bonjour,

Pour commencer, le lien de ma solution actuelle :)
http://jeux.furrina.com/izi/td_img.html

Voila ce que je n'arrive pas à faire:
1) Je voudrais aligner les images par rapport au bord inférieur droit du


TD
et non au bord supérieur gauche comme c'est le cas.
2) La bordure du TD ne change pas de couleur quand l'on passe dessus,


malgré
la présence du code qui fonctionne sans le SPAN (mangerait il la couleur


?)

j'ai pas tout saisi ce que tu veux faire, ni avec quoi tu testes...
Avec Mozilla 1.4 (Win98SE) j'ai en haut au milieu un carré de couleur sable
avec 8 9 10 écrit en abcisse et en ordonnée et en bas de la fenêtre un petit
robot rouge avec derrière lui un sanglier en armure. Aucune zone réactive
nulle-part.
Avec IE 5.0, le carré de couleur sable est partiellement recouvert par une
moitié de robot rouge, tandis que le sanglier en armure se ballade à
l'extérieur haut-droit du carré, y'a plein de zones réactives qui font
apparaître "Show me all the text".
Bonne chance !
;-)

--
A'tchao

Le Fou
http://perso.club-internet.fr/ehiller/
http://club.exocet.free.fr/
http://www.ffessm-cd84.com/
Avatar
ASM
Le Fou a ecrit :

Michael Skind a écrit
> Bonjour,
>
> Pour commencer, le lien de ma solution actuelle :)
> http://jeux.furrina.com/izi/td_img.html
>
> Voila ce que je n'arrive pas à faire:
> 1) Je voudrais aligner les images par rapport au bord inférieur droit du
TD
> et non au bord supérieur gauche comme c'est le cas.
> 2) La bordure du TD ne change pas de couleur quand l'on passe dessus,
malgré
> la présence du code qui fonctionne sans le SPAN (mangerait il la couleur
?)

j'ai pas tout saisi ce que tu veux faire, ni avec quoi tu testes...



Oui, on ne comprend pas trop la finalité ...

Voici un truc :
http://perso.wanadoo.fr/stephane.moriaux/truc/td_img_sm.html
(assez curieuses les réactions sur Mozilla ...)

Cela te conviendrait ?
Et pour avoir le text à gauche et l'image à droite
repérer
float: right;
et mettre à la place
float: left;

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
Avatar
Michael Skind
Pour commencer, le lien de ma solution actuelle :)
http://jeux.furrina.com/izi/td_img.html

Voila ce que je n'arrive pas à faire:
1) Je voudrais aligner les images par rapport au bord inférieur droit du


TD
et non au bord supérieur gauche comme c'est le cas.
2) La bordure du TD ne change pas de couleur quand l'on passe dessus,


malgré
la présence du code qui fonctionne sans le SPAN (mangerait il la couleur


?)

j'ai pas tout saisi ce que tu veux faire, ni avec quoi tu testes...
Avec Mozilla 1.4 (Win98SE) j'ai en haut au milieu un carré de couleur
sable
avec 8 9 10 écrit en abcisse et en ordonnée et en bas de la fenêtre un
petit
robot rouge avec derrière lui un sanglier en armure. Aucune zone réactive
nulle-part.
Avec IE 5.0, le carré de couleur sable est partiellement recouvert par une
moitié de robot rouge, tandis que le sanglier en armure se ballade à
l'extérieur haut-droit du carré, y'a plein de zones réactives qui font
apparaître "Show me all the text".
Bonne chance !
;-)



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 :)

Merci de votre aide,

Michael
Avatar
Michael Skind

j'ai pas tout saisi ce que tu veux faire, ni avec quoi tu testes...



Oui, on ne comprend pas trop la finalité ...

Voici un truc :
http://perso.wanadoo.fr/stephane.moriaux/truc/td_img_sm.html
(assez curieuses les réactions sur Mozilla ...)

Cela te conviendrait ?
Et pour avoir le text à gauche et l'image à droite
repérer
float: right;
et mettre à la place
float: left;



Merci de ton aide.
Il faut juste que les cases ne changent pas de taille, que les images
apparaissent dessus, que le texte apparaisse comme une info bulle et c'est
gagné :)
Si j'arrive à le faire fonctionner sous IE, c'est tout ce que je demande ;)

Michael
Avatar
Olivier Miakinen
Le 29/11/2004 11:24, Michael Skind a écrit :



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 [peut] etre supérieure à celle de la case.



Tiens, voilà une autre idée, toujours pas testée...

Puisque tu n'arrives pas à positionner les images par le bas, tu les
positionnes par le haut, mais en partant de coordonnées qui sont plus
haut que le sommet de la case (valeur de "top" négative).

--
Olivier Miakinen
Non, monsieur le juge, je vous le jure : jamais je n'ai cité
Bruxelles dans ma signature.
Avatar
ASM
Michael Skind a ecrit :

Il faut juste que les cases ne changent pas de taille, que les images
apparaissent dessus, que le texte apparaisse comme une info bulle et c'est
gagné :)



Bon l'info-bulle c'est pas trop dur
(quoique pas trop réactif sur ma config)

Le pb est :
dans l'exemple donné il y a 2 images de personnages positionnés
- il faudra les faire changer de case ?
- comment leur accroissement de taille doit-il être géré ?
(au clic dessus ?)
- et la direction de l'agrandissement ?
(sur case voisine ? du haut ? du bas , à gche à drte ?)

Si j'arrive à le faire fonctionner sous IE, c'est tout ce que je demande ;)



Ma foi, y a encore du taf pour avoir le mode d'emploi du jeu :(
qu'on sache ce que tu veux faire.

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
Avatar
Michael Skind
"Olivier Miakinen" <om+ a écrit dans le message de news:
cof34l$1ae4$
Le 29/11/2004 11:24, Michael Skind a écrit :



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 [peut] etre supérieure à celle de la case.



Tiens, voilà une autre idée, toujours pas testée...

Puisque tu n'arrives pas à positionner les images par le bas, tu les
positionnes par le haut, mais en partant de coordonnées qui sont plus
haut que le sommet de la case (valeur de "top" négative).



Merci de ton aide.
Le problème que j'ai encore est que les cellules (TD) passent dessus les
images:
http://jeux.furrina.com/izi/td_img.html

or voila ce que je voudrais avoir
http://jeux.furrina.com/izi/cyborg.gif

Michael
Avatar
Olivier Miakinen
Le 29/11/2004 13:55, Michael Skind a écrit :

Le problème que j'ai encore est que les cellules (TD) passent dessus les
images:



Un petit coup de z-index pour arranger les choses ?
http://www.w3.org/TR/REC-CSS2/visuren.html#z-index

En français :
http://www.yoyodesign.org/doc/w3c/css2/visuren.html#z-index

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