Fichier css ne change pas ma page html

**chrisaccess** · 25/01/2018, 23h19

Bonsoir,

Je débute en language HTML et CSS et j'ai acheté le livre "réalisez votre cite web avec html5 et css3".
J'utilise notepad + pour écrire mon code.

Mon premier code que j'ai écrit est :

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
28
29
30
31
32
<!doctype html>
<html
	<head>
		<meta charset = "utf-8"/>
		<link rel="stylemenu" href="stylemenu.css"/>
		<title>portefeuille charge d affaire raccordement c5 </title>
	<head/>
 
	<body>
	<div id="tout"/>
		<header>
			<div id="titrepage"/>
			<h1> OUTIL APPUI CHARGE D AFFAIRE RACCORDEMENT C5 </h1>
			<h2> MENU PRINCIPAL </h2>
			<nav>
				<ul>
					<li> <a href=# >VOIR LE DOSSIER </A> </li>
					<li> <a href=# >MODIFIER LE DOSSIER  </A> </li>
					<li> <a href=# >CREER UN DOSSIER  </A> </li>
					<li> <a href=# >RECHERCHER UN DOSSIER  </A> </li>
				</UL>
			</nav>
			<img src="logo.png" alt="logo"/>
		</header>
		<section>
 
		</section>
		<footer>
		<P> Copyright jugade - tous droits réservés <br> Me contacter ! <a href="mailto:3ph8xhrist.z8xub8r@8zisn8.fr">3ph8xhrist.z8xub8r@8zisn8.fr</a></p>
		</footer>
	</div>
	</body>

pour mon fichier menup.html.

J'ai créé un second fichier juste à côté nommé stylemenu.css.
Il contient ce code à titre d'essai pour me familiariser avec les balises:

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
/* elements principaux */
 
 
body 
{
	font-family: arial,trebuchet ms, sans serif
	background-color  : rgb (149,244,255)
	margin:auto
	with : 900px
 
}
nav
{
display : inline-block
 
}
h1
{
	background-color : rgb(255,0,0)
	border : 3px 	blue double
}

Je n'ai aucun changement qui apparaît sur ma feuille html quand je l'ouvre malgré les paramètres de la feuille stylemenu.css
J'ai changé plusieurs fois les paramètres sans succès.
Je présume que j'ai un problème avec mon navigateur MOZILLA ou alors avec mon code d'appel.
Apparemment tout est conforme !!!!

Pouvez vous m'aider à trouver mon erreur ?

Un grand merci pour un + que débutant en html et css.

ps

ésolé mais malgré les balises que j'ai inséré dans ce message le code ne sort pas du texte.

**mathieu** · 26/01/2018, 00h16

la 1re chose que vous devez modifier est dans le code HTML, pour appeler le fichier CSS il faut mettre "rel=stylesheet"

ensuite dans le fichier CSS, toutes les règles doivent finir par ";" comme cela :

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
body {
    font-family : arial, trebuchet ms, sans serif;
    background-color : rgb(149, 244, 255);
    margin : auto;
    width : 900px;
}
 
nav {
    display : inline-block;
}
 
h1 {
    background-color : rgb(255, 0, 0);
    border : 3px blue double;
}

**ProgElecT** · 26/01/2018, 09h19

Salut

De plus, partie code HTML:
➀ ligne 2 il manque la fermeture de la balise HTML, <HTML>
➁ ligne 7, </head> non pas <head/>
➂ ligne 10, un slache en trop <div id="tout"/>
➃ ligne 12, idem
➄ après la ligne 23, j'en rajouterai une avec la balise </div> pour fermer la balise de la ligne 12
➅ Il manque une ligne après la balise </body>, la balise fermeture du HTML </HTML>

Liens utiles:
FAQ (X)HTML
FAQ CSS

**JefReb** · 26/01/2018, 09h35

hum, la réponse de Mathieu est un peu courte.
Outre le fait qu'il faille fermer par un ; chaque propriété du style, il y a 2 solutions pour mettre au point ta page.
La première est de créer un style interne à ta page afin de modifier et voir rapidement.

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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>portefeuille charge d affaire raccordement c5 </title>
<style type="text/css">
body {
	font-family: arial, trebuchet ms, sans serif;
	background-color : rgb (149, 244, 255); 
	margin:auto; 
	with : 900px;
}
nav {
	display : inline-block;
}
h1 {
	background-color : rgb(255,0,0);
	border : 3px blue double;
}
</style>
</head>
<body>
...
...

la deuxième, une fois que c'est au point, est de reporter le style dans un fichier à part et de le lier avec la balise <link> tel que:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>portefeuille charge d affaire raccordement c5 </title>
<link href="stylemenu.css" rel="stylesheet" type="text/css">
<style type="text/css">
</style>
</head>
<body>
...
...

**NoSmoking** · 26/01/2018, 13h29

Bonjour,
sans oublier que tout fichier devrait être validé pour information Markup Validation Service, par exemple.

**chrisaccess** · 26/01/2018, 21h16

bonsoir,

Moi qui croyais avoir commis une petite erreur qui bloquait le fichier, je suis servis !!!!

Je programme depuis quelques années en VBA et je m'attendais à être plus vigilant que cela sur la syntaxe.

J'ai lu avec attention chacun de vos posts et j'y ai trouvé d'excellents conseils!

Merci à tous pour votre aide et je vais être plus vigilent la prochaine fois et me servir des test et présentation que vous m'avez proposer.

A bientôt pour des problèmes plus intéressants.

Amicalement

Fichier css ne change pas ma page html

CSS

Discussions similaires

Partager

Partager