[TulipVorlax]

 
Tu as effectivement réussi.
Content d'avoir aidé un brin.

En passant, ça semble bien jolie l'image de ton avatar. Il y a un original quelque part ?

[SchaScha]

Là http://schaschada.free.fr/upload/SchaScha%20%5BGoS%5D/img/Image132.jpg

[TulipVorlax]

Merci.

[SchaScha]

Voilà, la version 3 est (à première vue) finie.

Les informations complètes sont en page d'accueil dans une news.

Les principales améliorations sont décrites dans l'image qui suit. La version 3 a très nettement un meilleur rendu dans firefox que dans IE (... pour pas changer :/) surtout au niveau des bordures et de la continuité des pages.

[Hattor[GoS]]

La version 3 a très nettement un meilleur rendu dans firefox que dans IE (... pour pas changer :/) surtout au niveau des bordures et de la continuité des pages.

Dis plutôt que lors des tests en codant, tu as lancé FF

[SchaScha]

Certes (déjà parce que IE... voilà quoi...) et puis quand tu fais genre:

Code: [Sélectionner]

<div id="blah>
<div id="bouh">
</div>
</div>
et que IE te met un espace de 5px entre les deux sans que tu le demandes... :/ [/color]

[Hattor[GoS]]

La question est : quelle est la norme ?

[TulipVorlax]

Moi je place souvent une règle comme celle-ci au début de ma feuille de style principale :

body, div, p, ul, ol, dl, dt, dd, li {
   margin: 0px;
   padding: 0px;
}

Ensuite, voici une page dont les gens se servent pour savoir si un navigateur respecte les standards :

http://www.webstandards.org/files/acid2/test.html

(Page wikipédia à ce sujet : http://fr.wikipedia.org/wiki/Acid2)


EDIT :

Oh et j'oubliais, je place aussi ceci dans le début des mes pages HTML :

<link href="allstyles.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="iestyles.css" rel="stylesheet" type="text/css">
<![endif]-->
<!--[if IE 7]>
<link href="ie7styles.css" rel="stylesheet" type="text/css">
<![endif]-->

Le nom des fichier CSS peut varier d'un site à l'autre mais ceci montre bien qu'il n'est pas trop compliqué d'ajuster les règles CSS pour IE. On peut aussi placer le même genre de commentaire pour des versions de IE avant #6 mais moi j'ai pas accès à ces versions. C'est tout juste si j'ai accès à la version 6.

[SchaScha]

Oui mais ce n'est même pas une question de margin ou padding (d'autant que dans certains div, j'en mets) c'est simplement des choses du genre:



Pour un code d'une simplicité:

Code: [Sélectionner]

<div align="center">
<table border="0" cellpadding="0" cellspacing="0"><tr><td width="910px">
<title>GuildWars - Alliance</title>
<div id='banniere'>
<img src="/img/banniere.jpg" alt="banniere" width="900" />
</div>
<div id="menu">
<div id="borderTop">
    <div id="borderDown">
<div class="padd">

        <span class="Def_b">
<!-- <div class="titreMenu">G&eacute;n&eacute;ral</div> -->

            &gt;&gt; <a href="/">Accueil</a><br />
            &gt;&gt; <a href="/charte.php">Charte d'alliance </a><br />
            &gt;&gt; <a href="/maj.php">Mises &agrave; jour </a><br />

            &gt;&gt; <a href="/Forum/">Forum Alliance </a><br />
</span>
      </div>
    </div>
    </div>
</div><div id="contenu">

    <div id="borderTopC">
            <div class="paddtitre">
            <div class="Titre">Titre
                </div>
            </div>
            <div class="padd">
            ...
</div>
    </div>
<div id="down">

<img src="/img/down.jpg" alt="down" />
</div></div>
</td></tr></table>
</div>

Pour le lien test, moi j'dis lol: FF c'est bof, mais IE c'est encore bien pire

[TulipVorlax]

En fait le problème c'est que certains navigateurs additionnent la marge que tu donnes aux éléments à celle qu'ils trouvent que c'est le minimum pour un élément donné. Puis, j'ai rien inventé tu sais. J'ai appris à faire comme ça par des sites réputés tel que celui-ci http://www.positioniseverything.net/, celui-là ... (j'ai pas retrouvé l'URL) ou encore ces derniers http://www.howtocreate.co.uk/wrongWithIE/ et http://www.granneman.com/webdev/coding/. Ou encore en regardant le code source des pages de différents site tel que Lycos, n'importe quel wiki ou KeePass. Et bien sur le W3C est une source incroyable d'information (http://www.w3.org/2003/03/Translations/byLanguage?language=fr).

Mais évidemment, tu sembles déjà connaitre comment bien faire des sites. Alors testons pour voir.

• http://validator.w3.org/check?uri=http%3A%2F%2Fschaschada.free.fr%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
• http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fschaschada.free.fr%2F&warning=1&profile=css21&usermedium=all

Mais évidemment moi, je n'ai jamais fais de site en PHP et je n'en connais pas les difficultés. Et le fait que la plupart des mes sites passent la validation et s'affichent presque exactement pareil dans IE7 que dans Firefox ne veux rien dire.

En passant, IE8 est prévu pour ce printemps.  Et il passe le test Acid 2.

[SchaScha]

Pour les vérifications par DTD, vu que parfois je vire les DOCTYPE et autres

Enfin bon, c'est pas dramatique non plus, c'est juste l'affichage de la page d'accueil qui rend vraiment mal sous IE, le reste, ça passe.

[TulipVorlax]

Non, c'est pas dramatique parce que c'est un site personnel pour des amis. 

J'étais peut-être un brin de mauvaise humeur aussi lors de mon précédent commentaire.
Mais là je viens de résoudre un problème que j'avais depuis longtemps alors je suis heureux, la vie est belle. Lol.
T'inquiètes, ça va pas durer.
 

[SchaScha]

Version 4: infos ici.

[SchaScha]

Un petit up, pour avoir une idée de l'application, voici la récupération des news / quelques options / et le maintient à jour:
Lien

Note:
Configuration requise: Java 1.6 (JRE) (Lien: http://www.java.com/fr/download/)
Lancement: uniquement exécuter le .jar avec Java (qui le prend par défaut). Le téléchargement de l'application et le lancement se font tout seul (pour Windows, faites signe si vous n'êtes pas sous Windows).

[SchaScha]

Pour commencer à tester l'application (première version béta):Lien
Laisser exécuter par défaut, sinon, enregistrez et ouvrez une invite de commande dans le dossier où vous avez téléchargé l'install et tapez:

Code: [Sélectionner]

java -jar GWSchaInstaller.jarLe reste se fait tout seul

Configuration requise:
Java 1.6 (JRE) (Lien: http://www.java.com/fr/download/)
Lancement: uniquement exécuter le .jar avec Java (qui le prend par défaut).
Il est évident qu'il faut éventuellement autoriser l'application à aller sur le Web (port 80) dans certains firewall.

L'application se place dans le répertoire de l'utilisateur (par exemple: C:\Users\SchaScha\GWScha\GWScha.jar pour Vista. Pour XP, remplacer Users par Documents and Settings). Et donc, de la même façon que pour l'install, si Java ne prend pas par défaut le .jar, faites la même manoeuvre avec ce nouveau .jar
Donc:

Code: [Sélectionner]

java -jar GWScha.jar lorsque vous êtes dans le dossier du .jar

J'aimerais vraiment que quelques personnes prennent un peu de temps pour y jeter un oeil, histoire de récolter des impressions / idées / suggestions / etc mais aussi d'éventuels bugs.
Si quelque chose vous semble anormale dans l'exécution, dans le même dossier que GWScha.jar, il y a GWScha.err, n'hésitez pas à me l'envoyer si jamais il devient un peu plus volumineux que 1Ko

Au niveau de ce qui existe:

• Affichage des news
• Connexion / authentification (de la même façon que sur le site et le forum)
• Mise à jour automatique
• Visualisation des screens du site
• Options configurables: taille de la fenêtre, connexion automatique, mises à jour automatiques, fichier d'erreurs, téléchargement des screens,...
• Profil utilisateur