CSS Background Problème

Résolu
TRUNCKS Messages postés 1019 Date d'inscription   Statut Membre Dernière intervention   -  
creadiff Messages postés 445 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

4 réponses

creadiff Messages postés 445 Date d'inscription   Statut Membre Dernière intervention   57
 
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).
0
flibouk Messages postés 93 Date d'inscription   Statut Membre Dernière intervention   11
 
définit un height et width correspondant a la taille de ton image.
0
TRUNCKS Messages postés 1019 Date d'inscription   Statut Membre Dernière intervention   7
 
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 !
0
flibouk Messages postés 93 Date d'inscription   Statut Membre Dernière intervention   11
 
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;
0
creadiff Messages postés 445 Date d'inscription   Statut Membre Dernière intervention   57
 
Plutôt :
margin:0 auto

si le but est de centrer
0