background sur texte

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu background sur texte

Message par nerull le Ven 22 Fév 2013 - 15:55

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


Dernière édition par nerull le Sam 23 Fév 2013 - 13:34, édité 1 fois

nerull
****

Masculin
Messages : 354
Inscrit(e) le : 11/09/2012

http://mygale.forumactif.fr
nerull a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: background sur texte

Message par Wave le Sam 23 Fév 2013 - 11:30

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,

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: background sur texte

Message par nerull le Sam 23 Fév 2013 - 12:37

ça fonctionnen Very Happy

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 ?

nerull
****

Masculin
Messages : 354
Inscrit(e) le : 11/09/2012

http://mygale.forumactif.fr
nerull a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: background sur texte

Message par Wave le Sam 23 Fév 2013 - 12:45

Ajoutez à .fondtxt

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

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: background sur texte

Message par nerull le Sam 23 Fév 2013 - 12:49

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

nerull
****

Masculin
Messages : 354
Inscrit(e) le : 11/09/2012

http://mygale.forumactif.fr
nerull a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: background sur texte

Message par Wave le Sam 23 Fév 2013 - 12:53

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

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: background sur texte

Message par nerull le Sam 23 Fév 2013 - 13:02

non cela ne fonctionne pas

nerull
****

Masculin
Messages : 354
Inscrit(e) le : 11/09/2012

http://mygale.forumactif.fr
nerull a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: background sur texte

Message par Wave le Sam 23 Fév 2013 - 13:09

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

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: background sur texte

Message par nerull le Sam 23 Fév 2013 - 13:10

http://mygales.forumgratuit.be

nerull
****

Masculin
Messages : 354
Inscrit(e) le : 11/09/2012

http://mygale.forumactif.fr
nerull a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: background sur texte

Message par Wave le Sam 23 Fév 2013 - 13:17

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>

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: background sur texte

Message par nerull le Sam 23 Fév 2013 - 13:34

génial merci je vais faire des règlages Very Happy

nerull
****

Masculin
Messages : 354
Inscrit(e) le : 11/09/2012

http://mygale.forumactif.fr
nerull a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum