Piwigo.org

marineraux · 2010-11-21 14:27:12

bonjour !
une petite question me taraude ! :)

il est évidant que si je positionne une "background-image : center " de largeur 1680px dans le BODY , mon album apparaitra (comme sur la photo) avec une bande blanche à droite et gauche sur un écran 1920px,

la question est : j'aimerai pouvoir donner à ces bandes blanches , une couleur dans les tons de l'image en background !!

j'ai essayé de bidouiller un code comme là (voir ci-dessous ) , j'ai la couleur mais pas l'image :)
possible ? pas possible ? je fais appel à vos connaissance !

merci !

Code:

BODY {
    background-color:#006699;
    background-image:url(images/bg.jpg) scroll center top;
    background-attachment:fixed;
    font-size:12px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
    color:#006600;
  margin: 5px;
  padding: 0;
}

Dernière modification par marineraux (2010-11-21 14:28:11)

ddtddt · 2010-11-21 14:52:49

Je te conseils de tout mettre sur la même ligne avec simplement background

la couleur devrait être prise en compte

Gotcha · 2010-11-21 14:59:24

Et en décomposant ainsi :

Code:

BODY {
  background-color: #006699;
  background-image: url(images/bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: scroll;
    font-size:12px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
    color:#006600;
    margin: 5px;
    padding: 0;
}

???

marineraux · 2010-11-21 15:38:06

merci Gotcha fonctionne impec !! ddtddt pas testé par fainéantise celle de Gotcha juste un copier-coller !! :)
merci à vous deux ;)

Dernière modification par marineraux (2010-11-21 15:39:47)

Gotcha · 2010-11-21 16:01:43

D'ailleurs ddtddt : où trouver les informations pour connaître le code à adopter par exemple pour compresser les propriétés "background" sur une seule ligne ???

Zaphod · 2010-11-21 16:05:53

Sur ce site par exemple :
http://www.w3schools.com/css/css_background.asp
http://www.w3schools.com/css/pr_background.asp

Dernière modification par Zaphod (2010-11-21 16:06:39)

Gotcha · 2010-11-21 16:40:30

Ha oui bah je n'étais pas réveillé lorsque j'avais consulté ces pages ^_^

Merci Zaphob ;-)

@Marineraux : vous pouvez donc "simplifier" votre code CSS en suivant les exemples donnés en bas des pages précédemment citées :-)
Ce n'est ni obligatoire ni spéculaire en terme de performances...

marineraux · 2010-11-21 17:08:41

merci je testerais dans un moment de courage :)

marineraux · 2010-11-22 21:27:42

bonsoir
j'ai donc adopté ce code un mélange des deux , sinon je perdais la onction de "background-attachment:fixed;"

Code:

 BODY {
   background:#c0ddc5 url(images/bg.jpg) scroll center top;
  background-repeat:no-repeat;
    background-attachment:fixed;
    font-size:12px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
    color:#484848;
  margin: 5px;
  padding: 0;
}

bonne soirée et merci !

Piwigo.org

Annonce

#1 2010-11-21 14:27:12

[Résolu] cohabitation background-color et background-image ?

Code:

#2 2010-11-21 14:52:49

Re: [Résolu] cohabitation background-color et background-image ?

#3 2010-11-21 14:59:24

Re: [Résolu] cohabitation background-color et background-image ?

Code:

#4 2010-11-21 15:38:06

Re: [Résolu] cohabitation background-color et background-image ?

#5 2010-11-21 16:01:43

Re: [Résolu] cohabitation background-color et background-image ?

#6 2010-11-21 16:05:53

Re: [Résolu] cohabitation background-color et background-image ?

#7 2010-11-21 16:40:30

Re: [Résolu] cohabitation background-color et background-image ?

#8 2010-11-21 17:08:41

Re: [Résolu] cohabitation background-color et background-image ?

#9 2010-11-22 21:27:42

Re: [Résolu] cohabitation background-color et background-image ?

Code:

Pied de page des forums