Css & html valide, firefox

Résolu

Utilisateur anonyme -
notobe Messages postés 2222 Statut Membre - 5 déc. 2010 à 21:53

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.

Afficher la suite

7 réponses

Réponse 1 / 7
elsyfiryos
rajoute:
```
margin: 0 auto;
```
Dans ton CSS et tous sera centrer correctement
0
Réponse 2 / 7
FairyNess Messages postés 232 Statut Membre 446

Ton site se déforme de quel manière ? Qu'essai tu de faire exactement ?
0
Réponse 3 / 7
Utilisateur anonyme

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
Réponse 4 / 7
Elsyfiryos Messages postés 90 Statut Membre 11

Dans ce cas, mets un "padding"

.link { width:120px; height:25px; text-align:center; border:solid 1px black; padding:2px 10px; }
0
1. Utilisateur anonyme
  
  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. Elsyfiryos Messages postés 90 Statut Membre 11
  
  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. Utilisateur anonyme
  
  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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 7
Utilisateur anonyme

pti up
0
Réponse 6 / 7
notobe Messages postés 2222 Statut Membre 213
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. Utilisateur anonyme
  
  c'est cool ça marche nikell, merci à toi
  
  0
2. notobe Messages postés 2222 Statut Membre 213
  
  Pas de quoi :)
  Pense à mettre le topic en résolu.
  
  0
Réponse 7 / 7
FairyNess Messages postés 232 Statut Membre 446

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. LelLex Messages postés 1753 Statut Membre 112
  
  Bien sur que si, c'est valide .
  
  0
2. FairyNess Messages postés 232 Statut Membre 446
  
  ah ouai c'est valide, il me semblait de c'était déconseillé...
  
  0
3. LelLex Messages postés 1753 Statut Membre 112
  
  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. FairyNess Messages postés 232 Statut Membre 446
  
  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

Css & html valide, firefox

7 réponses

Discussions similaires

Newsletters