[RESOLU] Couleur de fond

Couleur de fond [RESOLU] - HTML/CSS - Programmation

Marsh Posté le 26-01-2012 à 20:33:37    

Bonjour,
 
J'ai un problème avec ma couleur de fond.
 
j'utilise ce code dans mon fichier style.css
 

Code :
  1. <body>
  2.     <meta chartset="utf-8"/>
  3.     <link rel=stylesheet" href="style.css"/>
  4.     body
  5.     {
  6.     background-color:pink;
  7.     color:black
  8.     }
  9.     li {list-style:none;}
  10.     ul {padding:0;}
  11.     .content {margin:0 auto;width:980px;}
  12.     #navigateur2{margin:0 20% 20px;}
  13.     #acceuil2,#carte2,#info2{width:29%;float:left;border:1px black solid;height:50px;padding:10px 10px;text-align:center;vertical-align:center;}
  14.     .clear{ clear: both;}
  15.     #content-home {margin:0 2%;}
  16.     #colonne-1,#colonne-2,#colonne-3{width:30%;float:left;border:1px black solid;text-align:justify;height:150px;padding:10px 10px;}
  17.     </body>


 
 
 
et mon code html est le suivant

Code :
  1. <!DOCTYPE html>
  2.     <html>
  3.     <head>
  4.     <meta chartset="utf-8"/>
  5.     <link rel="stylesheet" href="style.css"/>
  6.     <title> nomdurestaurant - Restaurant - Gastronomie - Soulac / Mer </title>
  7.     <body>
  8.     <div class="content">
  9.       <h1>nomdurestaurant</h1>
  10.       <br/>
  11.       <h2>RESTAURANT</h2>
  12.       <div id="navigateur2">
  13.         <ul>
  14.      
  15.           <li id="acceuil2"><a href="acceuil.html">ACCEUIL</a></li>
  16.        
  17.           <li id="carte2"><a href="Carte.html">LA CARTE</a></li>
  18.        
  19.           <li id="info2"><a href="Infos.html">INFOS PRATIQUES & CONTACT</a></li>
  20.        
  21.           <li class="clear"></li>
  22.        
  23.         </ul>
  24.       </div><!-- end #navigateur2 -->
  25.    
  26.       <div id="content-home">
  27.    
  28.         <div id="colonne-1">
  29.           <h3> ABCD, un chef inspiré</h3>
  30.           <p>Dix ans d'expérience professionnelle reconnue sur la région et une excellente maîtrise de son métier.<br/>
  31.           Sa passion: susciter l'envie et apporter du bonheur.</p>
  32.         </div>
  33.      
  34.         <div id="colonne-2">
  35.           <h3>Une bonne adresse</h3>
  36.           <p>Dans le centre ville, à deux pas de la plage, offrez-vous une pause gourmande à nomdurestaurant.</p>
  37.         </div>
  38.      
  39.         <div id="colonne-3">
  40.           <h3>Une cuisine créative</h3>
  41.           <p>Une cuisine de marché vivante et savoureuse, changeant au fil des saisons et de l'inspiration du chef.</p>
  42.         </div>
  43.      
  44.         <div class="clear"></div>
  45.      
  46.       </div> <!-- end #content-home -->
  47.     </div>
  48.     </body>
  49.     </html>


 
 
 
savez vous pourquoi cela ne marche pas ? cela ne marche meme pas sur le body mais que faut il ecrire pour que la page entiere soit rose (c juste un exemple :) )

Message cité 1 fois
Message édité par 86vomito33 le 26-01-2012 à 22:58:21
Reply

Marsh Posté le 26-01-2012 à 20:33:37   

Reply

Marsh Posté le 26-01-2012 à 21:46:15    

86vomito33 a écrit :


 
j'utilise ce code dans mon fichier style.css
 

Code :
  1. <body>
  2.     <meta chartset="utf-8"/>
  3.     <link rel=stylesheet" href="style.css"/>
  4.     body
  5.     {
  6.     background-color:pink;
  7.     color:black
  8.     }
  9.     li {list-style:none;}
  10.     ul {padding:0;}
  11.     .content {margin:0 auto;width:980px;}
  12.     #navigateur2{margin:0 20% 20px;}
  13.     #acceuil2,#carte2,#info2{width:29%;float:left;border:1px black solid;height:50px;padding:10px 10px;text-align:center;vertical-align:center;}
  14.     .clear{ clear: both;}
  15.     #content-home {margin:0 2%;}
  16.     #colonne-1,#colonne-2,#colonne-3{width:30%;float:left;border:1px black solid;text-align:justify;height:150px;padding:10px 10px;}
  17.     </body>


 


 
 
Essaie en enlevant les balises <body> <meta> et <link> dans le fichier CSS.  
 


---------------
__Little Brunette aux pays des templates__
Reply

Marsh Posté le 26-01-2012 à 22:44:39    

et le ";" est manquant après le color:black
(aussi, fond rose avec texte noir, ça tue des épileptique, mais c'est pas le sujet :D)


---------------
Perhaps you don't deserve to breathe
Reply

Marsh Posté le 26-01-2012 à 22:56:15    

merveilleux
je commence à atteindre un résultat potable.
 
prochaine étape: le diaporama :)
 
merci pinkette
 
@terminapor c'est juste un essai. je définirai les vraies couleurs plus tard


Message édité par 86vomito33 le 26-01-2012 à 22:57:56
Reply

Sujets relatifs:

Leave a Replay

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