Comment définir une couleur ET une image en background?

Marsh Posté le 10-09-2007 à 17:40:26

Bonjour à tous,

Je cherche à définir une couleur #eda et une image (maison.gif) dans mon container.
Je voudrais que cette image sur trouve en bas à droite mais toujours avec ma couleur #eda dans tout le reste du container.
Avec mon code actuel, j'ai soit la couleur, soit l'image.
Comment puis associer les deux?

Merci d'avance pour votre aide!!

Reply

Marsh Posté le 10-09-2007 à 17:40:26

Reply

Marsh Posté le 10-09-2007 à 18:26:40

Ben montre ton code actuel.
Normalement avec la css suivante tu as le comportement désiré:

Code :

background-image: url('...');
background-color: #FF0000;

Message cité 1 fois

Reply

Marsh Posté le 11-09-2007 à 21:44:37

durkheim a écrit :

Ben montre ton code actuel.
Normalement avec la css suivante tu as le comportement désiré:

Code :

background-image: url('...');
background-color: #FF0000;

Voici mon code:

Code :

#container {
position: relative;
width: 800px;
margin: 0 auto;
text-align: left;
border: 8px solid #31220B;
background-color: #eda;
padding: 0 0 10px 0;
background:url(images/maison.gif) no-repeat bottom right;
}

Si j'utilise background-image, ca ne va pas si je veux préciser en bas à droite. Je dois alors utiliser background tout court mais alors le background color n'est plus valable... Que faire?

Message cité 1 fois

Reply

Marsh Posté le 11-09-2007 à 22:05:24

Code :

background:#eda url(images/maison.gif) no-repeat bottom right;

---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.

Reply

Marsh Posté le 11-09-2007 à 22:06:30

bingojm a écrit :

Code :

#container {
position: relative;
width: 800px;
margin: 0 auto;
text-align: left;
border: 8px solid #31220B;
background-color: #eda;
padding: 0 0 10px 0;
background:url(images/maison.gif) no-repeat bottom right;
}

si tu redéfinis le background c un peu logique que tu as plus background-color....

Code :

#container {
position: relative;
width: 800px;
margin: 0 auto;
text-align: left;
border: 8px solid #31220B;
padding: 0 0 10px 0;
background:#eda url(images/maison.gif) no-repeat bottom right;
}

Et voilà

EDIT:GRILLED

Message édité par xtof_83 le 11-09-2007 à 22:06:59

Reply

Comment définir une couleur ET une image en background?

Sujets relatifs:

Leave a Replay