Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1046 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1610179
bingojm
Posté le 10-09-2007 à 17:40:26  profilanswer
 

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!!

mood
Publicité
Posté le 10-09-2007 à 17:40:26  profilanswer
 

n°1610199
durkheim
Posté le 10-09-2007 à 18:26:40  profilanswer
 

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;

n°1610786
bingojm
Posté le 11-09-2007 à 21:44:37  profilanswer
 

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?

n°1610787
0x90
Posté le 11-09-2007 à 22:05:24  profilanswer
 

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


 
;)


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
n°1610788
xtof_83
Freeride Spirit
Posté le 11-09-2007 à 22:06:30  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Définir message d'abence du bureau [vba]Placer une image par dessus
[Résolu] Image en fonction du nom de la pageAfficher du code en couleur dans une page HTML
Image selon l'heure ?Passer souris sur photo pour afficher une image dans un cadre
[VBA] récupérer valeur couleur automatiqueCréation d'une image pour valider un formulaire
couleur ligne datagridLabelisation image binaire (apres seuillage)
Plus de sujets relatifs à : Comment définir une couleur ET une image en background?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR