28172 sujets

CSS et mise en forme, CSS3

Comment réduire un background ?

Bonjour à tous,

Je travaille actuellement sur mon portfolio et après avoir conçu la maquette je suis déjà confronté à des difficultés concernant l'intégration ...


En fait, je souhaiterais réduire le background pour arriver à ceci : http://img405.imageshack.us/img405/3092/testbackground.jpg


Actuellement, j'en suis là (en impliquant un style à la balise <body>) : http://img412.imageshack.us/img412/9481/testbackground2.jpg


Je suis sur que la solution est toute bête, mais je commence à perdre patience Smiley biggol
Utilise un deuxième bloc (une <div>, par exemple) auquel tu donneras l'id #wrapper, encore par exemple, et auquel tu appliques le style suivant :
background: ...;
margin: 0 auto;
width: ...

Le fait d'appliquer aux marges gauche et droite une marge automatique centre horizontalement le bloc par rapport à son parent. Et bien évidemment, il faut spécifier une largeur (fixe ou relative), car par défaut un élément de type block, comme les <div>, occupent toute la largeur disponible.
Modifié par phpdoesnotcare (26 Apr 2010 - 12:08)
Bonjour,

On ne réduit pas une image ou couleur de fond. On réduit ou limite les dimensions du conteneur qui porte cette image ou couleur de fond.
Hello,

Tu créer simplement un container type :<div id="wrap"> auquel tu applique une marge :
margin:0 auto; et la largeur que tu veux ainsi que ton background.
Sujet clos
Aller à