Css & html valide, firefox

Résolu
Bonjour,

quelqu'un peut-il s'il vous plait me dire comme faire pour éviter que cette page se déforme lors de son affichage avec mozilla firefox.

page:

<html>
<head><title>Testing</title>

<style type="text/css">

.link { width:120px; height:25px; text-align:center; border:solid 1px black; }

</style>

</head>
<body>

<a href="#" class="link" >Link Simple</a>

</body></html>


est-il un problème de validation?!

je vous remercie d'avance.

7 réponses

  1. rajoute:
    margin: 0 auto;

    Dans ton CSS et tous sera centrer correctement
    1. Ton site se déforme de quel manière ? Qu'essai tu de faire exactement ?
      1. bonjour,
        je vous remercie moi aussi je doutais fort que ce soit pas valid, mais je comprends pas pourquoi ce problème est toujours présent.

        voilà ce que m'affiche IE et FireFox:
        http://imagik.fr/view/335212

        aider moi, je vous remercie d'avance
        1. Dans ce cas, mets un "padding"

          .link { width:120px; height:25px; text-align:center; border:solid 1px black; padding:2px 10px; }
          1. mais si le width ne marche pas c'est qu'il y a bien une raison,
            c'est juste définir le padding peut sauver la situation, mais si j'ai définis un largeur pour les liens ça doit marcher aussi non??
          2. Dans ce cas rajoute display:block;
            Les "width" s'utilisent qu'avec les balises de type block
            .link { width:120px; height:25px; text-align:center; border:solid 1px black; display:block; }
          3. merci beaucup pour ton aide,
            d'aprés notobe, les lien ne sont pas de type block, alors sa solution me semble mieux adapté pour résoudre ce problème.
        2. un lien a est de type inline, alors appliquer un width dessus...
          Mets le dans un paragraphe :

          <p class="link"><a href="#">Link Simple</a></p>


          Déjà sémantiquement parlant ce sera plus juste, et comme un paragraphe est de type block, les tailles et les marges intérieures seront correctement prises en compte par tous les navigateurs.
          1. c'est cool ça marche nikell, merci à toi
          2. Pas de quoi :)
            Pense à mettre le topic en résolu.
        3. Ne met pas de balise <style> dans ta page html. C'est pas valide.

          Met plutot des <link type="text/css" rel="stylesheet" href="mon_fichier.css" />
          1. Bien sur que si, c'est valide .
          2. ah ouai c'est valide, il me semblait de c'était déconseillé...
          3. Déconseillé ne veux pas dire pas valide ?!
            D'un certain point de vue, c'est pas faut ; mais pas vraiment déconseillé ; a vrai dire faire une/des feuille de style(s) permet de réduire le poids de la/des page(s) .
          4. on s'est mal compris, je disais "ah ouai c'est valide" pour montrer mon étonnement ^^ car j'ai été vérifié et tu as raison. J'en apprend encore