Aller au contenu

Affichage différent au changement de doctype


Sujets conseillés

Posté

Bonjour,

Ma page ne contenait pas de doctype (ne me demandez pas pourquoi :blink: ).

Au moment où j'en ai rajouté un, l'apparence de ma page n'a pas bougée sauf un groupe ... et je ne sais pas pourquoi.

Il s'agit de la page index de mon site nissone

Le groupe qui a bougé, ce sont les liens " Voir aussi : Book et références Articles Autres formats de CV Contact" ; pour voir leur apparence "normale", ils sont également sur les autres pages (encore sans doctype)

Le style qui s'y applique :

.nisSupNav {
width:95%;
margin:auto;
padding:0 0 20px 5px;
line-height:12px;
text-align:left
}
.nisSupNav a {
margin:0;
padding:2 17px 3px;
color:#000;
border-left:1px #DFECDA solid;
border-right:1px #DFECDA solid;
background:#DFECDA /*#F9DA47*/
}
.nisSupNav a:hover {
border-left:1px #000 solid;
border-right:1px #000 solid;
background:#F9DA47
}
.nisSupNavOn {
margin:0;
padding:2 7px 3px;
background:#FFF;
border:1px solid #000
}

Et le doctype que j'ai utilisé :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

Voilà, si quelqu'un peut m'aider...

Posté

Si j'ai bien vu, la seule différence c'est qu'ils sont un peu plus petit au niveau de la taille de la police (et donc plus serré les uns par rapport aux autres).

C'est ça ???

:huh:

Posté

Au contraire, la police ne change pas ; c'est le padding qui n'a plus l'air de s'appliquer (et qui mettait de l'espace entre chaque)

Posté

J'ai suivi ton idée et j'ai essayé avec d'autres doctypes, c'est la même chose à chaque fois :wacko:

Par contre, ça m'a permi de me rendre compte que je m'étais trompé de ligne en copiant mon doctype et que je n'avais pas mis le bon ! (enfin... celui que je crois être le bon : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> :blink: )

Posté

Bonjour,

L'erreur est à cette ligne (dans nisSupNav a) :

 padding:2 17px 3px;

Remplace le par

 padding:2px 17px 3px;

Et tout marche... Je crois qu'il est obligatoire de mettre des unités à toutes les mesures en xHTML... C'est à confirmer par les plus connaisseurs, enfin bon tu as maintenant le code correct :P

Posté

Effectivement, il faut indiquer l'unité de mesure sans quoi le navigateur ne s'y retrouve pas.

Le seul cas où l'unité n'est pas nécessaire est pour 0 puisque 0px ou 0em rend la même chose :P

Posté

:ph34r: Oh la la ! Comment j'ai pu laisser échaper un truc comme ça !

Et moi qui accuse le doctype ! Tout ça parce que j'ai dû faire une erreur de manip dans le même moment où je l'ai changé, je n'ai pas remis en cause mon code que, dans mon esprit, je n'avais pas touché !

Et je vous ai envoyé l'erreur que j'aurais du voir ! :gueule:

En tout cas, merci beaucoup à vous ! :)

Aller, je retourne me cacher :ph34r:

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...