Logo en pied de page

[Lolo3194]

Bonjour,

Je continue à apprendre le css pour mon logiciel.
Dans le pied de page, je désire insérer le logo de notepad++. Je ne veux pas répéter ce logo. Pour cela,
background-image : url("./image/decor/npp.png");
background-image : no-repeat;

Malheureusement, la command no-repeat ne fonctione pas. Le logo de notepad++ se répète sur toute la page.
Pourtant cette commande fonctionne parfaitement pour le logo du Stade Toulousain dans l'entête de la page.

Auriez-vous une idée pour résoudre ce porblème ?
Pour vous aider, je joins tout le css. Les puristes n'attrapaient de crises cardiaques s.v.p.

Dans le même temps, si vous avez une combine pour que les parties latérales (partie de gauche, centrale et de droite) aient la même longueur, je suis preneur.

Merci d'avance
Laurent

body {
margin: 0;
padding: 0;
}
#header {
height: 100px;
background-color: #99CCCC;
background-image : url("./image/decor/logo.png");
background-repeat : no-repeat;
}
#centre {
font-family : Georgia, "Bitstream Vera Serif", serif;
margin-left: 150px;
margin-right: 150px;
background-image : url("./image/decor/sand.png");
}
#gauche {
float:left;
left:0px;
width: 150px;
background-image : url("./image/decor/ice-light.png");
}
#droite {
float:right;
right:0px;
width: 150px;
background-image : url("./image/decor/ice-light.png");
}
#pied {
clear:both;
height: 30px;
background-color: #99CC99;
background-image : url("./image/decor/npp.png");
background-image : no-repeat;
}
td {vertical-align:top}
H1 {color: #ca0000};
td {text-align:left};

[calimo]

background-image : no-repeat;

Malheureusement, la command no-repeat ne fonctione pas. Le logo de notepad++ se répète sur toute la page.

Ben c'est normal, parce que c'est une valeur pour la propriété background-repeat.

Je t'invite à jeter un oeil sur la spécification des arrière-plans pour plus de détails

[Lolo3194]

Ben c'est normal, parce que c'est une valeur pour la propriété background-repeat.

Je ne comprends pas pourquoi avec les mêmes commandes le logo dans l'entête ne s'affiche qu'une fois et dans le pied, il s'affiche plusieurs fois.

Je t'invite à jeter un oeil sur la spécification des arrière-plans pour plus de détails

Merci pour le lien, je risque donc de comprendre.
J'ai réglé le problème en utilisant la commande background : url() no-repeat

Amicalement
Laurent

[FF_Olivier]

Je ne comprends pas pourquoi avec les mêmes commandes le logo dans l'entête ne s'affiche qu'une fois et dans le pied, il s'affiche plusieurs fois.

Regarde ce que tu as écrit :

Code : Tout sélectionner

#header {
height: 100px;
background-color: #99CCCC;
background-image : url("./image/decor/logo.png");
background-repeat : no-repeat;
}

Code : Tout sélectionner

#pied {
clear:both;
height: 30px;
background-color: #99CC99;
background-image : url("./image/decor/npp.png");
background-image : no-repeat;
}

dans le #pied, tu as mis background-image: no-repeat, ce qui n'est pas une valeur valable pour cet attribut, il est donc ignoré. Et comme du coup tu n'as pas défini background-repeat, c'est sa valeur par défaut qui joue, càd repeat.

Juste une petite distraction de ta part ...

[Lolo3194]

Merci, j'ai découvert que je n'utilisais pas les mêmes commandes.
C'est sur que cela ne pouvait pas fonctionner.

Merci à tous, je vérifie les branchements de mon cerveau et j'y retourne.

Amicalement
Laurent

[calimo]

Au passage tu peux mettre un [résolu] au début du titre de ton message