[HTML] Réalisation d'un design, bloqué

**goldenboy** · 05/01/2007, 15h54

bonjour, je viens de trouver un site surlequel je suis un tuto, pour créer mon design de page.

hors je n'obtiens pas du tout ce que le développeur à obtenu.

il y a un extrait du tuto que je ne comprend pas vraiment. je crains que l'erreur réside ici :

Ci-après le code css correspondant à cette page, celui-ci est inséré en utilisant la balise <style type="text/css"> (</style>) à insérer entre les balises <head> et </head>.[/I]

ce que je ne comprend pas, c'est comment l'index et le css sont en correspondance??

voici mon code 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
<head>
<style type="text/css"> </style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Language" content="fr" />
<title>création d'un design étape par étape - étape n°1 : le code xhtml</title>
</head>
 
<body>
<div id="conteneur">
		<h1 id="header"><a href="etape1.html" title="colored design - accueil"><span>colored design</span></a></h1>
 
		<ul id="menu">
				<li><a href="etape1.html">Etape n°1</a></li>
				<li><a href="etape2.html">Etape n°2</a></li>
				<li><a href="etape3.html">Etape n°3</a></li>
				<li><a href="etape4.html">Etape n°4</a></li>
				<li><a href="etape5.html">Etape n°5</a></li>
			</ul>
 
			<div id="contenu">
				<h2>bienvenu sur mon site </h2>
				<p>Un paragraphe</p>
			</div>
 
			<p id="footer">Réalisation des codes xhtml & css, du tutoriel et du design en cours par teddy_duddy	</p>
		</div>
 
</body>
</html>

comme indiquer dans la phrase ( que j'ai surement mal comprise ), j'ai copier : " <style type="text/css"> (</style>) " entre les balises "head" de mon fichier index.

le fichier css, que j'ai saisie, est à l'identique, de celui que l'on peut trouver sur la page du toto ( étape 3 ).

d'ou vient l'erreur. pourquoi j'obtiens ça : http://loupdesbois2.free.fr

je vous remerci beaucoup de votre aide, en éspérant que vous me donnerez une réponse.

**blueice** · 05/01/2007, 16h48

Il te faut lire le tutoriel correctement tu as oublié tout le bloc css :

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */
 
div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
 
h1#header
{
	height: 258px ;
}
/* On définit la hauteur de la partie header, contenant le titre du site */
 
pre
{
	overflow: auto ;
}
 
/* En passant on définit l'overflow de la balise pre à auto pour permettre d'afficher des barres de défilement si le texte contenu dans cette balise est trop grand */
* html pre
{
	width: 636px ;
}
/* On dois donner une largeur au pre à cause d'Internet Explorer, on ne va donc l'appliquer qu'à Internet Explorer en utilisant un "hack", la combinaison " * html " permet de n'appliquer ce qui suis qu'à Internet Explorer */

Ce n'est pas la première fois que tu postes pour pas grand chose, vérifie bien avant de poster

[HTML] Réalisation d'un design, bloqué

HTML

Vue hybride

Discussions similaires

Partager

Partager