Tom's Guide > Forum > Programmation > texte a deplacer sur une image

texte a deplacer sur une image

Forum Programmation : texte a deplacer sur une image

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

Bonjour,

je vous explique, j'ai mit une image en fond et j'aurais bien voulu mettre un texte sur cette images.
pas simplement garder le texte sur l'images, mais le texte correspond a des point bien precis de l'images.
Je peu certe m'amuser avec les <br> pour les desendres et les caractaire speciaux pour l'espace, mais ca va inutilement charger mon fichier pour rien :/

Je me rapelle qu'il existait des balise (si je ne me trompe) qui permette de dire que le texte dois se trouver a x et y pixel de hauteur et largeur... Mais je ne m'en rapelle plus, si quelqu'un avait simplement le nom de cette balise, ca m'aiderai enormement!

merci beaucoup.

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

Bonjour,
en effet ceci existe en php, je n'ai pas vrement aprofondis cette partis de php c'est pourquoi je te renvoi ici pour savoir comment faire :)
Voila j'esper que ca t'aidera
Bon courage @+

------------------------------ La parole est d'argent mais le silence est d'or
Répondre à DivX_666

Bonjour,

merci de ton aide ! j'avais completment oublier le site du zero ><

ce matin en continuant a chercher, je suis tomber sur le css, est-ce possible de le faire grace a ca ?

Répondre à psykozmoi

Je ne pense pas que le css soit bien adapté, il me semble qu'i lest possbile de créer un calque sur l'image : mais ca me parrait compliqué.
Je pense qu'ici le php comme l'a fait remarqué Divx_666 est le plus adapté : grace au php on peut editer, générer et créer une image. Quoi demander de plus ? :)

Répondre à cameleon1st

Ca se fait en css, car en PHP, cela peut être un poil galère.
Puis ton texte est peut être important pour le référencement?
Avec du CSS, tu peux ainsi avoir un code dans le genre

Code :
  1. <div style="background: url(urlDeTonImage.ext); padding-top: Xpx; padding-left: Ypx;">
  2.     ton texte
  3. </div>



Quelques chose dans le genre te permettra de décaler ton texte dans le block (padding: marge-interne)

Après, si tu cherche à mettre plusieurs bout de texte à différent endroit sur l'image, tu dois regarder vers l'attribut css position: absolute. Ex:

Code :
  1. <div style="position: absolute; top: Xpx; left: Ypx; background: url(urlDeTonImage.ext);">
  2.     <div style="position: absolute; top: X2px; left: Y2px;">ton texte</div>
  3.     <div style="position: absolute; top: X3px; left: Y3px;">ton autre texte</div>
  4. </div>



Je te laisse le site du zéro pour décourvrir les subtilités de CSS ;)


Message édité par MoOx_t le 12-06-2007 à 13:25:40
------------------------------ Programmeur n.m : Celui qui résout un problème que vous n'aviez pas, d'une façon que vous ne comprenez pas.
Répondre à MoOx_t

Ah bien !! Je vais marquer ca dans un coin, ca peut toujours servir ... Merci bien MoOx_t !

Répondre à cameleon1st

un tout grand merci, je vais essayer de faire ca de se pas et de vous dire quoi ;)

merci encore :)

Répondre à psykozmoi
Tom's Guide > Forum > Programmation > texte a deplacer sur une image
Aller à :

Il y a 692 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens