Image en backround [Résolu]

[Naceur84]

Bonjour,

J'ai une div dans laquelle je voudrais mettre une image(vous la trouvez ci-joint) en background et écrire du texte dedans mon souci est que je veux que le texte soit écrit dans la partie arrondi (celle colorée en orange) en bas de l'image. J'espère que vous pouvez m'aider.

[Bisûnûrs]

On ne fait pas, on aide. Donc montre-nous ce que tu as déjà fait, et on t'aidera à l'améliorer.

[Naceur84]

Voici ce que j'ai en css

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
#MenuHorizon
{
    position:relative;
    top:0px;
    width:780px;
    height:40px;
    background:url(../Images/header.png) no-repeat;
    margin-left: auto;
    margin-right: auto;
    text-align: left; 
    z-index:1;
    left: -1px;
}

et coté html voici que j'ai

Code :

1
2
3
4
 <div id="MenuHorizon">
 
        <span id="ctl00_lblfiras">Pour tout le monde</span></a>
    </div>

Et du coup mon texte s'affiche au début de l'image mais moi je voudrais qu'il soit dans la partie orange comme je viens de le mentionner avant.
Comme étant un débutant avec css je ne sais pas comment faire

[Bisûnûrs]

Tu peux jouer sur le padding-top de #MenuHorizon.

[Naceur84]

Merci beaucoup c'est ça que je cherche