[Résolu]Site pas beau sous Firefox et CSS !

[calimo]

Chaque fois qu'ils sont imbriqués l'un dans l'autre. Par exemple ça n'irait pas pour ceci :

Code : Tout sélectionner

<div>
	<div></div>
	<div></div>
</div>

Par contre tous les

Code : Tout sélectionner

<div>
	<div>
		...
	</div>
</div>

tu peux le faire !

Tous ? Non évidemment il y a des exceptions, par exemple si sur un tu mets une bordure et sur l'autre une autre bordure pour faire une bordure double. Mais je crois que ce n'est pas ton cas

Dans un code idéal, il devrait même y avoir aucun div (la majorité peuvent en effet être remplacées par des balises dites "sémantiques", c'est-à-dire qui ont un sens). Bien sur pour le design quelques divs sont utiles (mais rien ne sert d'en mettre trop)

[lordbdp]

Je vais réctifier pour les div... Merci encore !

Hum... je t'ai dit de valider les pages d'abord.

Là tu répètes le doctype et toute la structure d'une page HTML à l'intérieur d'un autre page. Tu n'as pas le droit de faire ça, ce n'est pas conforme et tu t'exposes à des problèmes. Commence par enlever tout ce code en trop

Fait la vérification avec http://www.e-central.fr (J'ai tout basculer sur la racine pour éviter d'éventuels conflits et viré l'ancien site), je passe de 57 à 13 erreurs (j'en déduit que c'est mon hébergeur qui à des pages bourrées d'erreurs...) !

Existe-t-il un vérificateur en français car moi et l'anglais c'est pas le top et laisse-tomber Babelfish...

[calimo]

Fait la vérification avec http://www.e-central.fr (J'ai tout basculer sur la racine pour éviter d'éventuels conflits et viré l'ancien site), je passe de 57 à 13 erreurs (j'en déduit que c'est mon hébergeur qui à des pages bourrées d'erreurs...) !

En fait ce qu'il faut valider c'est surtout http://e-central.eucomsat.com/
Quant à http://www.e-central.fr ... est-ce vraiment indispensable ? Parce qu'une frame juste pour ça...

Existe-t-il un vérificateur en français car moi et l'anglais c'est pas le top et laisse-tomber Babelfish...

Peut-être ça : http://www.validome.org/

[lordbdp]

Tu sais que je t'adore ?


J'ai fini pour la partie des div, pas d'autre modifications possibles...

Dans la CSS, si je suis ce que tu dits, à chaque commande où j'ai

Code : Tout sélectionner

background-color: #FFFFFF;

Sachant que les browsers affichent en standard en fond blanc, et que je n'ai pas mis de valeur

Code : Tout sélectionner

color:

après, autant que je vire cette ligne aussi ?

Merci.

[lordbdp]

Autre chose : fais gaffe à ton menu-déroulant ! Sans javascript, les sous-menus se superposent et deviennent totalement inaccessibles

Je comprend pas, sous ie, Firefox, et Opéra : tout marche !

Tu y gagnes en simplicité à la fois dans le code HTML et dans le css. Ce n'est qu'un exemple, il me semble qu'il y a plusieurs autres endroits où tu peux faire pareil

Je regarde partout pour ces double ou triple Div mais je ne peu simplifier car j'ai du texte ou des liens compris dans les lignes...

Pour la partie validation je vais regarder ça, mais je sent gros que je vais avoir besoin de toi (il semble que le problème vienne de la partie Doctype). Je regarde ça et je revien pour te dire ce qu'il en est.

[jv2759]

Autre chose : fais gaffe à ton menu-déroulant ! Sans javascript, les sous-menus se superposent et deviennent totalement inaccessibles

Je comprend pas, sous ie, Firefox, et Opéra : tout marche !

Mais si tu désactive javascript sous ie ou firefox... Ou alors tu utilise un naviguateur braille par exemple?

[calimo]

Mais si tu désactive javascript sous ie ou firefox... Ou alors tu utilise un naviguateur braille par exemple?

Non, avec le navigateur braille/texte ou lecteur d'écran ça passe très bien (Les CSS qui font que ça se chevauche sont aussi désactivées).

Il faut savoir que 10% des internautes ont js désactivé. Pour diverses raisons. Tiens, ça me permets une belle ouverture : http://www.la-grange.net/accessibilite/ ... tents.html

À lire absolument. En ce qui nous concerne, c'est là : http://www.la-grange.net/accessibilite/day_13.html

[lordbdp]

Bon, il ne me reste plus que 17 erreurs (<dl , <li , <script, et <img) mais quand je vais dans les explications, ben c'est ce que j'ai fait qui est bon ! Je compend pas l'erreur...

Sinon j'ai modifié la page (voir : http://www.e-central.fr), tout fonctionne sauf que je viens de découvrir qu'en réalité la(les) page(s) appelée(s) s'affiche(ent) en démarrant complètement à gauche, mais qu'en revanche les images, elles, démarrent à la limite gauche du cade du milieu (comme prévu)... Alors que j'ai délimité les espaces d'affichage !

Merci pour l'aide.... car je vois pas !

[calimo]

Bon, moi si je regarde la page http://e-central.eucomsat.com/ j'ai toujours ce doctype supplémentaire...
C'est ce qu'il faut corriger en premier. Avec de telles erreurs c'est pas étonnant si l'affichage n'est pas correct. Commence par corriger le HTML envoyé aux navigateurs

[Monique]

Bonjour,

Existe-t-il un vérificateur en français car moi et l'anglais c'est pas le top et laisse-tomber Babelfish...

J'apprécie beaucoup ce validateur

[lordbdp]

Merci Monique .

J'en ai marre, je vire une erreur qui est détectée, ça m'en fait ressortir 10 de plus !

Help.

[calimo]

Meuh non ça progresse bien !

Quelques trucs.

• Code : Tout sélectionner

  <script language="JavaScript" type="text/JavaScript">
  <!--
  function MM_reloadPage(init) { //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
  document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
  }
  MM_reloadPage(true);
  //-->
    </script>

  Tu peux virer ce script. Sans autre forme de procès. Je crois qu'il est là uniquement pour Netscape4 qui ne rafraichissait pas la page lors du redimentionnement. Autant dire que ce n'était de loin pas vital déjà lorsque Netscape4 dominait le marché, alors maintenant...

• Code : Tout sélectionner

  <style type="text/css">
  <!--
  .Style2 {   font-size: 36px;
      font-weight: bold;
  }
  -->
  </style>

  Les styles doivent être définis dans la partie <head> de la page. Je pense qu'il y était avant que tu ne la supprimes. Fait le passer en entête
• Il y a un souci dans le code du menu du haut.

  Code : Tout sélectionner

  <ol>
  	<dd>
  		<li>...</li>
  		<li>...</li>
  	</dd>
  </ol>

  Soit tu fais une liste ordonnée ou non ordonnée, soit une liste de définition. Mais tu ne peut pas faire un mélange des deux. Il faut choisir. Voir la spécification HTML 4.01 sur les listes

Je pense que ça résoudra pas mal de choses

[lordbdp]

Yesssss ! Je suis W3C/CSS Validated !

Reste plus qu'à débloquer (et comprendre avant ) les erreurs avec mes balises <ol ....

Je comprend pas, concernant la ligne

Code : Tout sélectionner

<p>
<p align="center" font-size:"20px"><strong>Site en cours </strong><strong>de </strong><strong>r&eacute;alisation</strong></p>

On me dit que font-size:"20px" n'est pas correct mais ça marche sous Firefox, ie, et Opéra !

[calimo]

n'est pas correct mais ça marche sous Firefox, ie, et Opéra !

Ouarch ! ? ! Mais qu'est-ce que c'est que ces navigateurs de merde qui acceptent n'importe quoi

En fait c'est un style CSS. Tu ne peux pas l'utiliser comme attribut comme ça
Il faut faire style="font-size:20px;"

Mais le mieux c'est encore de l'inclure dans la CSS globale pour éviter d'avoir à le répéter à chaque fois

Pour les listes, la syntaxe est la suivante :

Code : Tout sélectionner

<ul>
<li>...</li>
<li>...</li>
<li>(...)
	<ul>
		<li>...</li>
		<li>...</li>
	</ul>
</li>
<li>...</li>
</ul> 

Un ul ou un ol ne peut contenir absolument que des li. Rien d'autre. Nada. Pas un <br>, rien. Et encore moins une autre liste. Tout doit être dans un li. Donc les sous-listes tu dois les inclure elles-mêmes dans un li

[lordbdp]

Merci, c'est modifié !

Et j'ai corrigé le reste, du coups je suis W3C/HTML 4.01 Validated !

Elle est pas cool la vie ?

Merci beaucoup !

Maintenant je vais m'occupé du contenu...