background sur texte

[nerull]

Bonjour
j'ai se code et dedans je voudrais mettre une image comme bockgound pour le texte

le code

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 200px; left: -7px;background-color: ;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 500px; height: 200px; display: none;" marginwidth="0" marginheight="0" frameborder="0">

<center><b><font size="5px"><font color="#000000">Photos du mois</font>

        <iframe src="http://www.nerull.be/forum3/carrousel/transparent/fullpage.html" width="500" height="200" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

</div></td><td style="vertical-align: bottom;"><img src="http://i75.servimg.com/u/f75/18/10/64/94/concou10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i75.servimg.com/u/f75/18/10/64/94/concou10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i75.servimg.com/u/f75/18/10/64/94/concou10.png\')?\'http://i75.servimg.com/u/f75/18/10/64/94/fermer10.png\':\'http://i75.servimg.com/u/f75/18/10/64/94/concou10.png\';"/></td></tr></table>'); } );

le texte

Code:

<center><b><font size="5px"><font color="#000000">Photos du mois</font>

merci d'avance

nerull

[Wave]

Bonjour,

Ajoutez dans votre css:

Code:

.fondtxt {
  background-color: red
}

Et remplacez

Code:

<center><b><font size="5px"><font color="#000000">Photos du mois</font>

par

Code:

<center><b><font size="5px" color="#000000"><span class="fondtxt">Photos du mois</span></font></b></center>

Cordialement,

[nerull]

ça fonctionnen

j'ai mis une image en background mais elle ne prend que la largeur du texte et je voudrais qu'elle prenne la largeur du cadre comment faire ?

[Wave]

Ajoutez à .fondtxt

Code:

width: YYpx; // Longeur
height: YYpx; // Hauteur

[nerull]

je l'ai fais mais c'est toujours la même chose

[Wave]

Alors ajoutez

Code:

padding-top: ZZpx; // Espacement en haut
padding-bottom: ZZpx; // Espacement en bas
padding-right: ZZpx; // Espacement à droite
padding-left: ZZpx; // Espacement à gauche

[nerull]

non cela ne fonctionne pas

[Wave]

Quel est le lien de la page où vous avez mis le code ?

[nerull]

http://mygales.forumgratuit.be

[Wave]

Remplacez:

Code:

<span class="fondtxt">Photos du mois</span>

par

Code:

<span class="fondtxt" style="padding-left: 136px; padding-right: 159px;">Photos du mois</span>

[nerull]

génial merci je vais faire des règlages