texte et redimensionnement ... - Page 1

bonjour
voilà j'suis en train de faire un site internet et je n'arrive pas à empêcher le reformatage du texte quand l'utilisateur redimensionne la fenêtre et c un peu chiant parce que j'utilise une balise <span> pour placer le texte sur une image donc redimensionnement => mauvaise position du texte sur l'image :\
J'ai essaié d'utiliser une zone de clipping avec l'attribut clip mais ça ne marche pas (ou alors j'ai mal placé l'attribut)
merci de m'aider svp

sois un peu rusé
Déjà, personnellement, j'utiliserais une balise DIV pour faire un texte flottant.
Ensuite pour qu'il reste sur l'image, tu fais place l'image dans un bloc <DIV></DIV> et tu mets ton texte à l'intérieur de ce même bloc (avec sa balise SPAN ou DIV encadrante).
Logiquement, tu auras moins de mal à placer ton texte par dessus l'image sachant que tu utilisera l'attribut CSS "position: relative" (par défaut il me semble) et que la taille du bloc <DIV></DIV> à l'écran sera la même que l'image et ne variera plus.
Si tu veux le centrer (par exemple) sur une ligne ou autre, tu encadres le bloc <DIV></DIV> par un bloc <DIV align="center"></DIV> ou un bloc <CENTER></CENTER> ()
Si tu veux le mettre sur la même ligne qu'un texte, mieux vaut essayer d'utiliser un bloc <SPAN></SPAN> qui ne provoquera pas de retour à la ligne
...
J'espère que ce post t'aura éclairé

c quoi la dfférence entre une balise SPAN et une balise DIV ?

GoldenCrystal :
Si tu veux le mettre sur la même ligne qu'un texte, mieux vaut essayer d'utiliser un bloc <SPAN></SPAN> qui ne provoquera pas de retour à la ligne

C'est pas ça?

en effet ça ne marche pas ...
j'ai fait comme ça:

<img src="image.jpg" width="600px" height="685px">

<span style="position: absolute; top: 200px; left: 170px;">

<div align="center">
TEXTE
</div>
</span>

mon texte reste bien à la bonne position sur l'image (graçe au <span>) mais le problème c'est que quand on réduit la fenêtre horizontalement le texte est automatiquement reformaté donc il dépasse en bas de l'image

c'est bon ça marche, il suffit d'inclure le bloc div dans un tableau