Aller au contenu

Sujets conseillés

Posté

Bonjour,

j'ai une petite image sa taille : 8px de largeur et 300 hauteur , je l'ai mis comme fond d'ecran comme ça :

BODY {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background:url(../img/fd.png)

}

mais le probleme la photo se repete achaque fois , et quand j'ai mis no-repeat elle a gradé sa taille original !!!

comment la photo s'étire ???

merci :)

Posté (modifié)

Salut,

Elle ne s'étire pas.

De plus, si tu pouvais l'étirer, elle serait déformée.

Fais-donc une image de fond de la taille d'un grand écran, et prévois de la terminer en dégradé vers une couleur unie (que tu appliqueras au fond) sur les bords pour les écrans plus grands.

Autre chose, écris ton code CSS en minuscules, c'est plus lisible.

Tu peux aussi remplacer :

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;

par :

padding:5px 0;

ou

padding:5px 0 5px 0;

Bonne soirée.

Modifié par salcamden
Posté

a la place de no-repeat, met repeat-x ou repeat-y en fonction du sens dans lequel tu veux qu'elle se repete (etire)

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...