Centrer du texte dans un <div> qui contient déjà une image

Bonjour,

Voilà j'ai un bloc <div> qui fait une certaine largeur. A l'intérieur de ce bloc, j'ai une image <img> qui fait toute la longueur du div.

Je dois trouver un moyen pour afficher du texte centré à l'intérieur de ce bloc, je ne sais pas trop comment faire...

Pouvez-vous m'aider ?

Merci d'avance

Salut,

Tout simplement à l'aide de la propriété CSS "text-align" à laquelle tu donnera la valeur "center".

Bonjour Mikachu, voici mon code :

 
<div style="border-style:inset;width:140px;overflow:hidden">     
     <img src="jauge.jpg"><b>hello</b>
 </div> 

Je voudrais que "hello" se trouvent centré au dessus de l'image... Je suppose qu'il faut utiliser le positionnement mais je sais pas trop comment m'y prendre...
Modifié par yinyin76 (26 May 2010 - 11:59)

<div style="border-style:inset;width:140px;overflow:hidden; text-align: center;">     

     <b>hello</b><img src="jauge.jpg" style="display: block;">

 </div>

Re Bonjour,

En fait je me suis mal exprimé désolé :

Je voudrais que hello se trouve affiché centré par dessus l'image. Voici ce que je voudrais faire : (crée avec paint)

ici ->

Je suppose qu'il faut utiliser le positionnement absolu mais je ne sais pas trop comment faire

Pouvez-vous me donner un coup de main ?

Merci d'avance
Modifié par yinyin76 (06 Jun 2010 - 16:22)

Bonsoir,
essaie ceci :

<div style="border-style:inset;width:140px;overflow:hidden;text-align:center;background:url(jauge.jpg) no-repeat center;font-weight:bold;">     
hello
 </div> 

Si l'image ne veut rien dire ... de plus que le texte .

GC

Ah ouai ! tu utilises le css pour mettre l'image dans le style, comme ça pas de problème de positionnement puisqu'il n'y a pas de balise <img> !!

Je n'avais pas du tout pensé à faire ça

Merci beaucoup ça fonctionne parfaitement.