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
    0
    1. Ton site se déforme de quel manière ? Qu'essai tu de faire exactement ?
      0
      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
        0
        1. Dans ce cas, mets un "padding"

          .link { width:120px; height:25px; text-align:center; border:solid 1px black; padding:2px 10px; }
          0
          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??
            0
          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; }
            0
          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.
            0
        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.
          0
          1. c'est cool ça marche nikell, merci à toi
            0
          2. Pas de quoi :)
            Pense à mettre le topic en résolu.
            0
        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" />
          -2
          1. Bien sur que si, c'est valide .
            0
          2. ah ouai c'est valide, il me semblait de c'était déconseillé...
            0
          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) .
            0
          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
            0