CSS Background Problème
Résolu
Bonjour à vous,
J'ai écrit un petit texte de quelques lignes.
A ce texte, j'ai mis une image de fond comme ceci:
#texte{
background-image: url(images/auto.png);
background-repeat: no-repeat;
}
( C'est juste un carré jaune avec une image dedans )
Mon soucis, c'est que mon image est coupée, elle n'apparaît que dans les limites du texte que j'ai écrit.
Si je rallonge mon texte, on voit un peu plus l'image.
Comment faire pour qu'elle apparaisse en entier, quel que soit la taille du texte ?
Ça ne marche pas avec un repeat, je ne sais pas pourquoi.
Merci à vous
J'ai écrit un petit texte de quelques lignes.
A ce texte, j'ai mis une image de fond comme ceci:
#texte{
background-image: url(images/auto.png);
background-repeat: no-repeat;
}
( C'est juste un carré jaune avec une image dedans )
Mon soucis, c'est que mon image est coupée, elle n'apparaît que dans les limites du texte que j'ai écrit.
Si je rallonge mon texte, on voit un peu plus l'image.
Comment faire pour qu'elle apparaisse en entier, quel que soit la taille du texte ?
Ça ne marche pas avec un repeat, je ne sais pas pourquoi.
Merci à vous
4 réponses
-
C'est logique que le fond ne soit pas plus grand que son conteneur lui-même. La seule solution est donc d'agrandir l'élément en question, ou encore d'appliquer le fond à son parent (s'il est transparent).
-
définit un height et width correspondant a la taille de ton image.
-
Impeccable !
Merci à vous !
J'ai une dernière question, un détail, comment je peux faire pour ne bouger que le texte à l'intérieur de l'image, pour le centrer un peu ?
Avec les left et right cela bouge le tout.
Merci encore ! -
tu as quoi a part le texte ?
Sinon tu fais un div parent avec un text-align :center
ou
dans ton div tu ajoutes les marges intérieur
margin : 0 0 0 0;
