Je n'arrive pas à appliquer mon fichier css
Bonjour,
Je suis étudiante en Game Design en première année, et je débute le codage. On me demande de créer un space invader à l'aide de div et span, mais après avoir tout codé, vérifié et revérifié les erreurs possibles, mon css ne s'applique pas. Mon link est pourtant le bon, toutes mes balises sont bien fermées, à l'aide!
Voici mes codes en espérant que ça pourra vous aider
<!DOCTYPE html>
<html>
<head>
<link rel="filesheet" href="../css/space_invaders.css">
<title>Space Invaders par Rose Valety</title>
</head>
<body>
<!--Lien vers l'index-->
<a href="../index.html" target="_self">Retour vers l'Index</a>
<!--Présentation d'un nouveau space invader-->
<h1> Space Invaders, un nouvel adversaire! </h1>
<!--ligne 1-->
<span id="ligne1">
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="green"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="green"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
</span>
<br/>
....
<span id="ligne8">
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="green"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="green"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
</span>
</div>
</body>
(Css)
h1 {
text-align : center;
font-family: monospace;
color: rgb(107, 5, 107);
}
#invader-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.blankspace {
height : 20px;
width : 20px;
}
.green {
height : 20px;
width : 20px;
background-color: darkmagenta;
}
Je suis étudiante en Game Design en première année, et je débute le codage. On me demande de créer un space invader à l'aide de div et span, mais après avoir tout codé, vérifié et revérifié les erreurs possibles, mon css ne s'applique pas. Mon link est pourtant le bon, toutes mes balises sont bien fermées, à l'aide!
Voici mes codes en espérant que ça pourra vous aider
<!DOCTYPE html>
<html>
<head>
<link rel="filesheet" href="../css/space_invaders.css">
<title>Space Invaders par Rose Valety</title>
</head>
<body>
<!--Lien vers l'index-->
<a href="../index.html" target="_self">Retour vers l'Index</a>
<!--Présentation d'un nouveau space invader-->
<h1> Space Invaders, un nouvel adversaire! </h1>
<!--ligne 1-->
<span id="ligne1">
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="green"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="green"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
</span>
<br/>
....
<span id="ligne8">
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="green"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="green"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
<span class="blankspace"></span>
</span>
</div>
</body>
(Css)
h1 {
text-align : center;
font-family: monospace;
color: rgb(107, 5, 107);
}
#invader-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.blankspace {
height : 20px;
width : 20px;
}
.green {
height : 20px;
width : 20px;
background-color: darkmagenta;
}
Configuration: Windows / Chrome 86.0.4240.75
