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

Comment définir une couleur ET une image en background? - HTML/CSS - Programmation

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 :
  1. background-image: url('...');
  2. background-color: #FF0000;

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 :
  1. background-image: url('...');
  2. background-color: #FF0000;



 
Voici mon code:

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


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?

Reply

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

Code :
  1. 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 :
  1. #container {
  2. position: relative;
  3. width: 800px;
  4. margin: 0 auto;
  5. text-align: left;
  6. border: 8px solid #31220B;
  7. background-color: #eda;
  8. padding: 0 0 10px 0;
  9. background:url(images/maison.gif) no-repeat bottom right;
  10. }



 

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

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

Et voilà ;)

 


EDIT:GRILLED


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

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed