Bonjour,

Je suis en train de faire un ti truc pour le plaisir, et je me heurte à la couleur de fond de ma page (body) !
J'ai utilisé "display: black" et l fond est noir mais lorsque je veux utiliser la couleur #F0E68C cela ne fonctionne pas. Et j'aimerai utiliser cette couleur.

De plus, j'ai trouvé comment modifier la largeur du bouton (il n'y en a qu'un ..) mais je n'ai pas trouvé la façon de modifier la hauteur du bouton, et j'aimerai bien connaitre cela !

Voici le code que j'utilise :

index.html
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="style.css" />
<title>Jeu</title>
</head>
<body>
		<div id="div_border">
			<div>
				<h1>Bienvenue ! Voulez-vous jouer ?</h1>
				<h3>Inscris ton pseudo :</h3>
 
			</div>
 
			<form id="monForm" method="post" action:"jeu.php">
		    	<p>
	            	<label for="form_pseudo">Pseudo : </label>
	            	<input type="text" id="form_pseudo" name="pseudo" required placeholder="Entrer votre pseudo"/>
	        	</p>
	        	<div class="left">
	        		<button type="button" style="width:300px">JOUER !</button>
			    </div>
			</form>
		</div>
</body>
</html>

style.css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
body
{
    background-color: black;
}
#div_border{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	margin-top:150px;
	width: 800px;
 
	border:4px solid red;
	background:#F0E68C;
	color:blue;
 
	text-align:center;
}
#form_pseudo{
	margin-bottom:20px;
}
h1{
	padding-top:10px;
}
.left{
	margin-bottom:30px;
}
Merci pour vos aides !!!