la forme d'un fichier .css

**ertyup** · 03/07/2010, 11h50

salut a tous .je viens de creer un fichier .html qui appel a un autre .css
mais le probleme qui se pose est quant j'execute le fichier html qui appel a l'autre en .css le dernier s'affiche comme il est, c'est adire le fichier .css ne s'execute pas s'ffiche comme un code source

**kelyly** · 03/07/2010, 13h37

Dans l'en-tête <head> tu as bien mis ça ??

Code :

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

<link rel="stylesheet" href="tonfichier.css" type="text/css">

**ertyup** · 03/07/2010, 19h55

oui j'ai fais ça ds le fichier html ;mais a la place de l'execution de mon fichier css j'aurais le code soure comme je l'est ecrit sans aucune execution
merci pour la repence

**kelyly** · 04/07/2010, 09h49

T'es sûre que tu l'as mis dans l'en-tête?
Montre nous ton code source complet.

**ertyup** · 04/07/2010, 11h54

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!---mon fichier html -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//fr">
<html>
<head>
<title> ma premiere page </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <link rel="stylesheet" media="screen" type="text/css" title="hhh" href="hhh.css" /
 
<body>
<!-- menu de navigation du site -->
<ul class="navbar">
  <li><a href="hhh.css">ACCeuil</a>
  <li><a href="ECole.html">Mon Ecole</a>
  <li><a href="Département.html"> Mes Départements</a>
  <li><a href="labos.html"> Mes Laboratoires</a>
  <li><a href="Formations.html"> Mes Formations</a>
  <li><a href="Recherches.html"> Mes Recherches</a>
  <li><a href="Etudiants.html"> Mes Etudiants</a>
  <li><a href="News.html"> Mes News</a>
  <li><a href="Contactes.html">Mes Contactes</a>
 
</ul>
<!-- contenu principal-->
<h1> ma page premiere avec du style</h1>
<p>bienvenu sur ma page avec du style!
<p>il lui manque des images mais elle a du style..
& hellip;
<p> me reste un peut du travail pour arriver a un stade avance
<!-- signer et dater la page c'est de la politesse!-->
<adress>fait le 23 juin 2010<br>
 par moi.</adress>
</body>
</html>
 
<!---mon fichier css qui est hhh---->
<html>
<style type="text/css">
/* ================================================================ This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at <a href="http://www.cssplay.co.uk/menus/drop_line.html" target="_blank">http://www.cssplay.co.uk/menus/drop_line.html</a>
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.
=================================================================== */
.menu {
position:relative;
width:750px;
height:2em;
background:#b7c6ac;
border-top:10px solid #b7c6ac;
padding-bottom:1px;
background:#b7c6ac url(drop/line.gif) bottom left repeat-x;
margin-bottom:5em;
</html>
}
* html .menu {padding-bottom:0;}
.menu ul{
list-style-type:none;
padding:0;
margin:0 0 0 20px;
width:730px;
height:100%;
}
.menu li{
float:left;
}
.menu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}
.menu a, .menu :visited {
color:#fff;
text-decoration:none;
}
.menu a em.lft, .menu :visited em.lft {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(drop/lefta.gif);
border-bottom:1px solid #777;
}
.menu a b, .menu :visited b {
display:block;
font-weight:normal;
float:left;
padding:0 10px;
height:2em;line-height:1.9em;
background: transparent url(drop/mida.gif);
cursor:pointer;
border-bottom:1px solid #777;
}
.menu a em.rgt, .menu :visited em.rgt {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(drop/righta.gif);
border-bottom:1px solid #777;
}
.menu ul ul {
visibility:hidden;
position:absolute;
height:2em;
top:2em;
left:-20px;
width:749px;
border-bottom:1px solid #777;
border-right:1px solid #777;
background:#ccc;
}
.menu :hover {
white-space:normal;
}
.menu a:hover b {
color:#000;
background: transparent url(drop/midb.gif);
border-bottom-color:#ccc;
}
.menu a:hover em.lft {
background: transparent url(drop/leftb.gif);
border-bottom-color:#ccc;
}
.menu a:hover em.rgt {
background: transparent url(drop/rightb.gif);
border-bottom-color:#ccc;
}
.menu li:hover > a b
{
color:#000;
background: transparent url(drop/midb.gif);
border-bottom-color:#ccc;
}
.menu li:hover > a em.lft {
background: transparent url(drop/leftb.gif);
border-bottom-color:#ccc;
}
.menu li:hover > a em.rgt {
background: transparent url(drop/rightb.gif);
border-bottom-color:#ccc;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:2em;
margin-top:1px;
}
.menu ul :hover ul li {
display:block; border-left:1px solid #777; background:#ccc; height:2em;
}
.menu ul :hover ul li a {
display:block; font-size:0.8em; height:2em; line-height:2.5em; width:auto; float:left; color:#444; padding:0 10px;}
.menu ul :hover ul li a:hover {
color:#c00;
}
</style>
</html>

et merci d'avance

**kaiser59** · 04/07/2010, 16h54

Salut,

Change l'extension de ton fichier en .htm
Ensuite il y a quelques erreurs :
- Ton fichier css ne doit pas etre enfermé dans les balises HTML ni STYLE mais directement comme tu le fais p.e :

Code css :

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

1
2
3
mabalise {
padding: 0;
margin:0; }

et idem enregistre ton fichier en .css

- ferme bien la balise dans ton fichier html lorsque que tu appeles ta feuille de style

**ertyup** · 05/07/2010, 11h57

merci bcp pour tes conseils

**tsunamichups** · 05/07/2010, 12h06

Envoyé par kaiser59

Salut,

Change l'extension de ton fichier en .htm
Ensuite il y a quelques erreurs :
- Ton fichier css ne doit pas etre enfermé dans les balises HTML ni STYLE mais directement comme tu le fais p.e :

Code css :

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

1
2
3
mabalise {
padding: 0;
margin:0; }

et idem enregistre ton fichier en .css

- ferme bien la balise dans ton fichier html lorsque que tu appeles ta feuille de style

Je vois la balise head qui n'est pas cloturer non plus

**akiniva** · 05/07/2010, 19h46

Ta balise link n'est pas fermé

**devyan** · 05/07/2010, 21h57

Bonjour,

Envoyé par akiniva

Ta balise link n'est pas fermé

La balise META n'est pas fermée
La balise HEAD n'est pas non plus fermée

devyan

**tsunamichups** · 06/07/2010, 08h46

A laisser les fenêtre ouverte s'est un coups a choppé froid

**ertyup** · 06/07/2010, 12h36

en premier je remercier tous les participants
en plus j'ai 2 questions
1/-pour les fichiers.css on a pas besoin d'utiliser des balises et des mots clés comme avec les fichiers.html .la déclaration des fichiers.css est simple sauf la sauvegarde est en .css et pas de balises
2/-dans la création des class et id qui commence toujours avec .(point) ;son appel se fait en fichier.html par .suivie de son nom , mais la classe doit être créer toujours au niveau du f.css
et merci d'avance

**kaiser59** · 06/07/2010, 14h39

Envoyé par ertyup

en premier je remercier tous les participants
en plus j'ai 2 questions
1/-pour les fichiers.css on a pas besoin d'utiliser des balises et des mots clés comme avec les fichiers.html .la déclaration des fichiers.css est simple sauf la sauvegarde est en .css et pas de balises
2/-dans la création des class et id qui commence toujours avec .(point) ;son appel se fait en fichier.html par .suivie de son nom , mais la classe doit être créer toujours au niveau du f.css
et merci d'avance

1- cf mon post précèdent

2- Tu as la création des id et class dans le fichier css qui donne :
f.css :

Code css :

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

1
2
.maclass {font-size:.5em;}
#monid {margin:auto;}

et dans ton fichier html:
monfichier.htm

Code html :

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

1
2
<div class="maclass">Div 1</div>
<div id="monid">Div 2</div>

2 conditions :
-> tu peux appeler autant de fois la même class dans ton fichier html
-> tu ne peux appeler qu'1 seule fois un id dans un fichier html

N'hésite pas à consulter le tutorial pour les css dans le forum etc...

la forme d'un fichier .css

CSS

Discussions similaires

Partager

Partager