séparer mon css de ma page html

**cdevl32** · 16/09/2007, 14h54

Bonjour,

j ai un problème quand je veus séparer mon code css de ma page html le fond qui est de couleur vert n apparaît plus et plus rien n est centrer ?

Pouvez vous regarder se qui ne vas pas ?

merci à vous

index.html

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
 
<html>
<head>
<title></title>
<link href="../css/index.css" rel="stylesheet" type="text/css">
</head>
<body>
	<div id="conteneur">		
		<h1 id="header"><a href="index.html" title="ici votre logo"><span>Logo de votre société</span></a></h1>
 
		<ul id="menu">
			<li><a href="accueil.html">Accueil</a></li>
			<li><a href="bienetre.html">Bien être</a></li>
			<li><a href="minceur.html">Minceur</a></li>
			<li><a href="product.html">Nos Produits</a></li>
			<li><a href="mailto:email@adresse.com">Contact</a></li>
		</ul>
 
		<div id="contenu">
			<h2>Indiquez ici la description de votre société</h2>
			<p>Elitr fabulas mel ex. Sed admodum detracto an. In vel diam quas exerci, at velit aliquip denique cum. His ex altera definitionem, in sumo eloquentiam pro, nec ut posse reformidans. Nonumy aliquando vim at, in alterum torquatos consetetur vel. Viris habemus dolores nam ea, utinam option eu per, cu duo vidit modus deterruisset. Cum te diam persecuti. Iudico partiendo concludaturque pro ex, no quas natum volumus est, vis et dicunt scripta. Te ius feugiat euripidis reprehendunt, vocent aliquip nonummy per ea, te duis graeci conceptam nam. No nullam habemus vel, te est autem verterem detraxit, eu minimum propriae ius. Mel diam quidam te, at cum stet convenire expetenda, cum senserit democritum te. Ad elit ancillae neglegentur his, et eam placerat conceptam, justo quaerendum sed te. Vel tamquam nominavi torquatos ad, te option phaedrum pro, elit aliquip corrumpit in ius. Eum volumus pericula cu. Per lorem saepe timeam te, cum ludus inciderint ut. Mucius rationibus eloquentiam nec eu, virtute accusata assueverit an pri, ei mea tempor bonorum equidem. Qui idque molestiae mnesarchum ex.</p>
			<h2>Indiquez une brève description des services proposés</h2>
			<p>Sit voluptaria consequuntur interpretaris ea, salutatus comprehensam usu ea. Qui te summo electram iracundia, ex mel scripta tritani. Eos eius minim laoreet ne, labitur pertinax est ne. Nam et tamquam appellantur, enim mediocrem cu cum. Everti verear cu has, ad quo facete fastidii. Te est alia ubique. Mea in populo utamur assueverit, delenit oportere explicari in sit, possim abhorreant deterruisset ea ius. Eam ei augue possit minimum. Eam cu facete mollis, debitis patrioque quaerendum duo eu. Pri probo error id. Tation volumus cu sea, id enim agam meis vim. Cu mucius intellegebat delicatissimi eum, illum movet labore usu ei. At ferri ubique vix, has eu omnesque evertitur, commodo nusquam deleniti in sed. Euismod intellegat per cu. Cum et eros quaestio, enim populo cum in.</p>
				<h3>Indiquez les coordonnées de votre société ici</h3>
				<p>Lorem ipsum no sit altera forensibus, vix ea veniam fierent molestie. Duo iriure veritus ei, est no regione dolores. Vel et labore nemore referrentur, aeterno convenire eu sed, cum porro zzril te. Et ius labitur explicari, has no quis sententiae moderatius. Aliquip scaevola apeirian vel eu, aliquip mentitum ut pri, rebum nihil te his. Eam malis euismod ad. Aeterno corrumpit eu quo. Solet vocent voluptatibus at cum, animal constituto definitiones sit ei. Qui et tale recteque, habeo persecuti dissentias in his. Id eum mollis insolens maiestatis. Minim noster corrumpit cu usu, eu ferri oportere consequuntur vel.</p>
		</div>
 
		<p id="footer">© Copyright 2007</p>
	</div>
	</body>
</html>

index.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
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
 
<style type="text/css">
		body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #dea ;
		}
 
		div#conteneur
		{
			width: 770px ;
			margin: 0 auto ;
			text-align: left ;
			border: 2px solid #ab4 ;
			background: #fff ;
		}
 
		h1#header
		{
			height: 258px ;
			margin: 0 ;
			background: url(pomme.jpg) no-repeat left top ;
		}
 
		h1#header a
		{
			width: 400px ;
			height: 70px ;
			display: block ;
			background: url(title.gif) no-repeat ;
			position: relative ;
			left: 350px ;
			top: 15px ;
		}
 
		h1#header a span
		{
			display: none ;
		}
 
		ul#menu
		{
			height: 35px ;
			margin: 0 ;
			padding: 0 ;
			background: url(bg_menu.gif) repeat-x 0 -25px ;
			list-style-type: none ;
		}
 
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
 
		ul#menu li a
		{
			width: 130px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
		}
 
		ul#menu li a:hover
		{
			background: url(bg_menu.gif) repeat-x 0 0 ;
		}
 
		div#contenu
		{
			padding: 0 25px 0 100px ;
			background: url(bg_page.gif) no-repeat 15px 15px ;
		}
 
		div#contenu h2
		{
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(little_apple.gif) no-repeat left bottom ;
			color: #9b2 ;
			border-bottom: 1px solid #9b2 ;
		}
 
		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #9b2 ;
			border-left: 3px solid #9b2 ;
			color: #9b2 ;
		}
 
		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
		}
 
		div#contenu a
		{
			color: #8a0 ;
		}
 
		div#contenu a:hover
		{
			color: #9b2 ;
		}
 
		p#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 30px ;
			text-align: right ;
			color: #8a0 ;
		}
 
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
 
 
		pre span
		{
			color: #560 ;
		}
 
		pre span.comment
		{
			color: #b30000 ;
		}
		</style>