Bonjour bonjour!

Je souhaiterais créer un style css qui, lorsqu'il serait appelé, me permettrait de mettre en forme mes objets en boutique.

Ainsi j'ai commencé le cadre en question :

Code:

.cadre2 { float:left; width:200px; height:277px; background-image: url("http://www.magicrp.13.fr/forum/images/casem2.jpg"); background-repeat:no-repeat; padding-left:10px; text-align: left; margin: auto;

Mais je me retrouve bloqué pour aller au delà.

En effet, je voudrais un rendu final semblable à cela :


Voici l'objet en exemple, fort hideux, qui doit être 20 pixels au dessus du bas de la case :


La case :


Et les pièces à 30 pixels du bord droit et 9 du bas :


Le texte, lui, doit être à 12 pixel du bord droit et à 9 pixels du bas.

Bien sur, tout l'intérêt est de pouvoir changer le prix et l'adresse de l'image. Étant au niveau 0 du codage je me doute que créer un style n'est surement pas la meilleure solution, ainsi, que le code soit en php, html ou autre, qu'importe. En fait le principal est que je puisse l'intégrer sous forme de MyCode par la suite

Voici pour le problème, pourriez à présent, si vous le voulez bien évidement, m'aider à créer ce maudit cadre qui me permettrait d'embellir considérablement mes boutiques?

Je vous en remercie chaleureusement d'avance

Je vais plonger dans ton problème je te tiens au courant rapidement de ce que j'ai réussi à faire ^^

Voila avec l'aide d'une amie

Code:

<table><tr><td style="background: url('http://i35.tinypic.com/2d8huli.png'); width: 198px; height: 275px; border: 0px solid #000000;"><br><br><br><br><br><br><br><br><br><br><br><br><br>[right][color=black]PRIX (Exemple 1500)[/color][/right]</td></tr></table>

Là, tu pourras modifier ton prix comme je l'ai indiqué quand tu le voudras.

_________________

C'est excellent! merci beaucoup! Par contre serait-il possible de me permettre de changer l'objet indépendamment du reste? (ce n'est pas très très important non plus). Il reste néanmoins un petite détail, est-il possible de faire en sorte qu'il n'y ai pas ces quelques pixels d'écarts entre 2 cases? J'ai en fait fait en sorte que ces images se suivent parfaitement (il y a d'ailleurs une image un peu différente pour la première case normalement) et à cause de l'écart cela casse l'effet "étagère"

Cela est-il possible?

merci encore ^^

Je vais essayer je te tiens au courant

Bonjour!
Je souhaiterais simplement savoir ce qu'il en est.


Merci!

Je suis toujours dessus ne t'inquiète pas je ne t'oublies pas

Cool, merci beaucoup! Je suis impatient de voir ça

J'ai une idée mais à ma connaissance cela fixe par rapport à la page donc si tu sais précisément ou tu voudras mettre ton système altos je dois pouvoir te faire quelque chose

Malheureusement, ces petites cases sont à placer dans les messages, donc elle doivent être déplaçables... J'en parlerai tout de même à mon co-admin pour savoir si on ne pourrait pas tout simplement faire une page uniquement pour la boutique.

Merci^^

Je vais me renseigner si jamais je ne peux pas utiliser cette metode sur une image uniquement

Bonjour bonjour, des nouvelles?

Je préfère donner signe de vie, que vous sachiez que vous ne faites pas ça pour quelqu'un qui ne viendra même pas récupérer

Bonne nuit

Bonsoir,

J'ai trouvé la solution je vais coder le script

Cool merci ;D

J'ai fait ce que j'ai pu

Code:

<img style="position: absolute;   left: 35px;   top: 50px;" src="http://img88.imageshack.us/img88/3298/casem2.jpg" alt="" />           <img style="position: absolute;   left: 50px;   top: 100px;" src="http://img441.imageshack.us/img441/7166/exempleobjet.png" alt="" />             <img style="position: absolute;   left: 180px;   top: 225px;" src="http://img407.imageshack.us/img407/1104/pices.png" alt="" />   <p style="position: absolute;   left: 180px;   top: 235px">1500</p>

Cela positionne les éléments par rapport au coin gauche du navigateur ce qui dans le cas de ce script notre case et ses objets sont vers le haut gauche ,

Il faut laisser les images dans cette ordre

Le texte en bas est modifiable dans le