Le doctype modifie ma page

**Shivan** · 04/04/2007, 19h39

Salut,

J'ai un petit soucis avec les doctype.

tout d'abord voila 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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<html>
<head>
 
<title>Login</title>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
 
body {
        
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #002D9A;
}
 
div#login1{
        background: url("images/fondlogin_logo.jpg") no-repeat ;
        width: 196;
        height: 236;
        float: left;
}
 
.copyright{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
}
 
</style>
 
</head>
 
 
 
 <body>
<form id="loginForm" name="loginForm" method="post" action="/y-apps/login.faces/">
 
 
<div style="width : 487px;">  
 
 
	<div id="login1">
		<span id="loginForm:text1" style="color: white;position: relative;top: 90%" class="copyright">All rights reserved</span>
	</div>
</div>
</form>

tant que je n'ai pas de doctype pas de souci, ma page s'affiche telle que je la veux.

Si je rajoute un doctype :

Code :

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

mon image n'as plus de hauteur. J'ai l'impression qu'elle fait juste la hauteur de ce qu'il y à ecris dedans.

C'est normal ? quelqu'un à t-il une explication

**MasterOfChakhaL** · 04/04/2007, 21h01

Code css :

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

1
2
3
4
5
6
div#login1{
	background: url("images/fondlogin_logo.jpg") no-repeat ;
	width: 196;
	height: 236;
	float: left;
}

En css, toutes les dimensions doivent avoir une unité (a part la valeur 0).

Sinon, ca n'est pas une bonne méthode d'écrire ta page et d'ajouter le doctype a la fin...
C'est comme si on te donnait un meuble ikéa à monter, et qu'ensuite, une fois que tout est fait, on te file la notice de montage...

**Shivan** · 05/04/2007, 11h30

Excellent !!! merci pour ta réponse c'était bien ça.

Ceci dit je ne vois pas en quoi mettre mon doctype avant d'écrire ma page changerait quelque chose. Je construirais de toute façon ma page de la même manière. Sauf si le fait de mettre un doctype permet d'afficher des erreurs lors de l'écriture de la page. Mais à priori ce n'est pas le cas avec mon éditeur.

**MasterOfChakhaL** · 05/04/2007, 11h49

Logiquement, quand tu écris ta page, tu testes au fur et à mesure. Autant se mettre directement dans les conditions finales. D'autant plus que comme tu l'as constaté, ajouter un doctype, n'est pas anodin.
Avec un doctype, tu peux utiliser les outils de validation qui sont accessibles en ligne:
À quoi ça sert de déclarer un doctype (DTD) ?
Comment savoir si mon code est syntaxiquement valide ?

Pour moi ton message précédent, c'est un peu comme (comparaison pourrie inside © ):
Je dois lire un bouquin en japonais, dons je commence par ca. Ensuite, quand j'aurais fini, j'apprendrai le japonais.

Le doctype modifie ma page

HTML

Discussions similaires

Partager

Partager