Page CSS s'intègre pas sur html

**vinkey_33** · 06/10/2016, 14h29

Bonjour je suis entrain de réalisé un formulaire html avec bouton ainsi qu'une page css mais il s'intègre pas a la page pourtant j'ai mis les bonne variable voici le code html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head><title>Menu</title></head>
<body>
<center><h1>Gestion de Flotte Mobile</h1></center>
<center><h2>Menu Principale</h2></center>
 <button class="myButton">Button Button</button><br>
 <a href="#" class="myButton">Link Button</a>
 </body>
 </html>

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
27
28
29
30
31
32
33
34
35
36
37
38
.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dbe6c4), color-stop(1, #9ba892));
	background:-moz-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-webkit-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-o-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-ms-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:linear-gradient(to bottom, #dbe6c4 5%, #9ba892 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe6c4', endColorstr='#9ba892',GradientType=0);
	background-color:#dbe6c4;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #b2b8ad;
	display:inline-block;
	cursor:pointer;
	color:#757d6f;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ced9bf;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9ba892), color-stop(1, #dbe6c4));
	background:-moz-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-webkit-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-o-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-ms-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:linear-gradient(to bottom, #9ba892 5%, #dbe6c4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ba892', endColorstr='#dbe6c4',GradientType=0);
	background-color:#9ba892;
}
.myButton:active {
	position: absolute;
	top: 10px;
	left: 500px;
}

Pouvez vous me dire mon erreur merci

**vttman** · 06/10/2016, 14h47

Je ne vois pas de lien dans le .html
vers le fichier .css
ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<head>
<link rel="stylesheet" type="text/css" href="monfichier.css">
</head>

**Ecared** · 06/10/2016, 14h48

Il faut que tu mettes un lien vers ta page css sinon elle ne sera jamais importé

**vinkey_33** · 06/10/2016, 15h33

Merci pour vos réponse ça fonctionne

Page CSS s'intègre pas sur html

CSS

Vue hybride

Discussions similaires

Partager

Partager