CSS Background ProblèmeRésolu/Fermé

Question

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

creadiff · Answer

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).

flibouk · Answer

définit un height et width correspondant a la taille de ton image.

TRUNCKS · Answer

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 !

flibouk · Answer

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;

CSS Background Problème

4 réponses

Discussions similaires

Newsletters