Probleme avec html et css

gorimakingo Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -  
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
j'apprend a code dans un site sympa "https://www.codecademy.com" est j'ai bien avance, mais voila je ss arrive dans cette exercice ou ils me demande change la couleur du fond en "aqua" (donc j'ai ecrir background:aqua;) mais sa marche pas aide moi svp, voila l'exercice:


body {
  
  color:MidnightBlue;
  padding: 0;
  margin: 0;
 background: #f7f7f7;
  /* Old browsers */
 background: -moz-linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
  /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
 
} 

/** Header styles **/

.header {
  background-image: url("[https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-4/htmlcss1-img_coffee-bgnd.jpeg%22); https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-4/htmlcss1-img_coffee-bgnd.jpeg");|nofollow]
  height: 400px;
  background-position: center center;
}

h1 {
  
  
  font-family: 'Covered By Your Grace', sans-serif;
  font-size: 100px;
  line-height: 76px;
  margin: 0;
  position: relative;
  text-align: center;
  top: 20%;
}

/** List style **/

h2 {
  color: #E4BB97;
  font-family: 'Raleway', sans-serif;
  font-size: 28px;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
}

ul {
  margin: 0 auto;
  padding: 0;
  width: 50%;
}

li {
  border-bottom: 1px solid #E4BB97;
  list-style: none;
  margin: 100px 0px;
  padding-bottom: 60px;
}

p {
  color: #444444;
  line-height: 32px;
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  font-weight: 100;
}

a {
  color: #214E34;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px;
}
A voir également:

3 réponses

telliak Messages postés 3668 Date d'inscription   Statut Membre Dernière intervention   882
 
Salut,
Essaie background-color: aqua;
0
gorimakingo Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
voila ce qu'il me répond:" Cannot read property '1' of null"
0
gorimakingo Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
il ya toujours ce message d’erreur: " Cannot read property '1' of null"
merci bcp pour votre aide.
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
salut
efface
 background: #f7f7f7;
  /* Old browsers */
 background: -moz-linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
  /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);

et mets à la place

background: aqua;

ou

background: #00FFFF;


0
gorimakingo Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
voila ce qu'il m'affiche
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
En fait on dirait que l'exercice demande de changer la couleur de fond de .header et pas de la page (body) donc bien lire et comprendre l'ennoncé
0
gorimakingo Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
j'ai fait ça:
.header {
background:aqua;
color:MidnightBlue;
background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-4/htmlcss1-img_coffee-bgnd.jpeg");

height: 400px;
background-position: center center;
}

es ça n'a pas marche
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
retire le background-image et le background position
0