Problème D'optimisation

Alex57 · le 12 août 2004

Voilà, j'ai un petit problème d'optimisation de mes pages web, je m'explique:

Sous internet explorer le design ( qui n'est pas encore en ligne ) s'affiche parfaitement mais sous firefox, oulà le carnage ( j'ai le titre qui decend au milieu de la page ). :delire:

Je voudrais savoir comment faire pour optimiser toute les pages du site afin que les autres naviguateurs puissent y accédé.

Merci ( j'utilise dreamweaver donc si c'est possible d'avoir une option dessus )

Mafio · le 12 août 2004

fo utiliser le Xml je crois. Mais demane a jedi, c'est le plus qualifé dans ce domaine.

Alex57 · le 12 août 2004

Ok, merci, je lui est demandé en espérant qu'il me réponde.

The Jedi · le 12 août 2004

Heu non le XML c'est pour structurer des données, pas trop pour les afficher.

Sans voir ta page j'aurais du mal à te donner des conseils mais y'a pas une question d'optimisation : si tu fais du HTML (ou XHTML si tu veux respecter les standards du Web et alléger tes pages) propre ça s'affichera bien dans les 2 navigateurs.

Dans dreamweaver y'a un inspecteur de code, il te signale ce qui fonctionnera pas avec tel ou tel navigateur.

Mais en général, ça fonctionne pas soit parce que t'utilises des balises propres à IE soit parce que tu fais des bidouilles (et ça marche sous IE car lui il s'en tape de ton code HTML)

Alex57 · le 12 août 2004

<X-SAS-WINDOW TOP=0 BOTTOM=645 LEFT=0 RIGHT=1012>

<!--

.Style1 {

color: #0033FF;

font-size: 13px;

}

.Style2 {color: #0033FF}

.Style3 {font-size: 13px}

.Style4 {color: #FFFF00}

.Style5 {

color: #0000FF;

font-size: 13px;

}

a:link {

text-decoration: none;

color: #0000FF;

}

a:visited {

text-decoration: none;

color: #0000FF;

}

a:hover {

text-decoration: none;

color: #FF9900;

}

a:active {

text-decoration: none;

color: #0000FF;

}

body,td,th {

color: #000000;

}

body {

background-color: #FFFF00;

}

.Style55 {font-size: 12px}

.Style57 {font-size: 11px}

a {

font-family: Comic Sans MS;

font-size: 12px;

}

.Style59 {

font-size: 13px;

color: #FF0000;

font-family: "Comic Sans MS";

}

.Style60 {

font-family: "Comic Sans MS";

font-size: 12px;

}

-->

</style>

<title>design réalisé par Chaos blaster et Neelix</title>

</HEAD>

<BODY>

<a href="http://chaos.tonsite.biz/accueil.html"> '>http://chaos.tonsite.biz/accueil.html">

<TR>

<img src="design/menu.jpg" width="133" height="24" align="absmiddle"> <a href="http://chaos.tonsite.biz/accueil.html" class="Style1"><img src="design/puce.gif" width="10" height="10" border="0":class:/u> Accueil</a>

<a href="http://51434.aceboard.net/"><img src="design/puce.gif" width="10" height="10" border="0"> Forum</a>

<a href="http://www.swisstools.net/guestbook.asp?id=70609"><img src="design/puce.gif" width="10" height="10" border="0"> Livre d'or</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/~fr-30342/emulateur.html">Emulateur</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/~fr-30342/amstrad.html">Roms Amstrad CPC</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/~fr-30342/console.html">Roms consoles</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/%7Efr-30342/lien.html">Lien internet</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://www.bon-genie.com/annuaire/recherche.asp?Perso=1204">Annuaire</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/~fr-30342/jeux.html" class="Style55">Jeux flash</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://chaos.tonsite.biz/roms/kawasaki.rar">Kawasaki</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/%7Efr-30342/roms/bactron.zip">Bactron</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/%7Efr-30342/roms/lode-runner.zip">Lode runner </a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/%7Efr-30342/roms/forteresse.zip">Forteresse</a>

</div></TH>

</TH>

<img src="design/dossiers.jpg" width="133" height="24" align="absmiddle"> <a href="#"><img src="design/puce.gif" width="10" height="10" border="0"> Qu'est-ce que l'émulation ?</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/~fr-30342/nintendo.html">Nintendo</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/~fr-30342/resident.html">Resident evil</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/~fr-30342/docamstrad.html">Amstrad</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/~fr-30342/caprice.html" class="Style55">Configuré Caprice</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://home.tele2.fr/%7Efr-30341/zx.html">Configuré No$ZX</a>

<a href="http://chaos.tonsite.biz/emulateur/caprice.exe"><img src="design/puce.gif" width="10" height="10" border="0"> </a><a href="http://chaos.tonsite.biz/emulateur/caprice.exe">Caprice</a>

<img src="design/puce.gif" width="10" height="10"> <a href="http://chaos.tonsite.biz/emulateur/specemu.zip">Specemu</a>

<a href="http://www.jeanphi67.com" class="Style5"><img src="design/puce.gif" width="10" height="10" border="0"> Jeanphi 67</a>

</TH>

</TR>

</TABLE>

</div>

</BODY>

</HTML>

ya pas de mata tag encore.

merci de m'aider

RoM251 · le 12 août 2004

Et Jedi en sait quelque chose quand tu developpe correctement en respectant les standarts IE a quand meme du mal :delire:

Spacewolf1 · le 12 août 2004

Il y a un peu trop de et de a mon goût :delire:

La prochaine foisSinon, tu aurais du mettre ta page en pièce jointe à ton post, ça éviterai d'avoir l'énorme paquet.

Alex57 · le 12 août 2004

Il y a un peu trop de et de a mon goût
La prochaine foisSinon, tu aurais du mettre ta page en pièce jointe à ton post, ça éviterai d'avoir l'énorme paquet.

Désoler. :delire:

Ce que je comprend pas c'est que sous IE l'affichage est parfait mais sous firefox, il est horrible, j'ai du mal à saisir pourquoi.

Si quelqu'un sais comment je dois procédé pour optimisé les pages de manière à ce que l'affichage soit pareil de IE à firefox, merci.

Alex57 · le 12 août 2004

En regardant un peu mieu mon code, je viend de découvrir d'où viend le problème.

Firefox me prend pas les sauts de ligne que j'ai inséré via macromedia dreamweaver, comment faire pour que firefox prenne en compte les sauts de ligne ( je pense que le problème viend de là ) ?

merci

The Jedi · le 12 août 2004

Sans vouloir être méchant c'est un peu le bordel ton affaire :delire:

Ca serait plus simple si tu mettais tout ça comme page de test sur ton serveur.

Comme je te disais avant, le bricolage passe sous IE mais pas Mozilla. J'te conseillerai de plus de pencher vers l'utilisation des feuilles de style et de n'utiliser que les attributes des balises au minimum.

Genre pour tes listes à puce, tu peux faire la même chose sans "image".

<style type="text/css">
...
ul {list-style-image : url("design/puce.gif");}
...
<style>

...


<ul>
 <li><a href="...">Accueil</a></li>
 <li><a href="...">Forums</a></li>
 ...
</ul>

Pense aussi à présenter ton code de façon propre, tu t'y retrouveras plus facilement. La soupe c'est bon qu'en hiver et dans ton assiette :class:

Alex57 · le 12 août 2004

Donc sa viend de sa le fait que c'est pas optimiser sous les autres naviguateurs ?

faudrait que je fasse comment à peu près ?

merci

The Jedi · le 12 août 2004

Non ça vient du fait que c'est pas optimisé justement. Si tu fais du bon HTML ça passera avec tout.

Alex57 · le 12 août 2004

Ok, je vais vérifié mon code avec dreamweaver mais, c'est grave quand c'est pas optimiser firefox ???

Là, c'est parfaitement optimiser avec Internet explorer, opera et netscape.

C'est grave si firefox n'est pas optimiser ? :delire:

Sigfrodi · le 12 août 2004

Ben ça dépend qui tu veux toucher... C'est sûr que IE, c'est plus de 90% du marché. Mais tu perds au minimum trous les visiteurs sur OS alternatifs qui ne peuvent pas utiliser IE (c'est mon cas). Ceux qui utilisent Mozilla, Firefox ou Netscape sous Windows ne prendront probablement pas la peine d'ouvrir IE pour mater ton site (c'était mon cas quand je surfais encore sous Windows).

Juste comme ça tu as essayé de remplacer les <th> par des <td>? Les <th> c'est normalement pour des cellules de titre...

Sinon comme le dit Jedi, tu devrais plus utiliser les feuilles de style, le code est un peu indigeste là. :delire:

Si c'est le site que tu as spécifié dans ton profil en tout cas il s'affiche correctement sous Firefox 0.9 sous Linux on dirait...

Heu non le XML c'est pour structurer des données, pas trop pour les afficher.

Plus précisément pour dissocier le contenu du contenant, ce que l'HTML ne peut pas faire.

Alex57 · le 12 août 2004

Nan, c'est pas le même site, celui que je suis entrain de créer n'est pas encore en ligne.

J'ai créer le design mais j'ai un gros problème d'incompatibilité avec firefox.

Alex57 · le 12 août 2004

Sa y est, j'ai nettoyé mon code html de tout ce qui était inutile ou faux est maintenant, ya plus que 1 petit bug sous les autres naviguateurs.

Je vous montrerez ce que sa donne quand j'aurais fini et si The Jedi est d'accord.

mega-squall · le 13 août 2004

Personellement, je te conseille ce bon vieux notepad.

Ou encore mieux, un petit edit.

Tu verra, ca te parraitra chiant de tout taper ton code, alors tu vas aller decrescendo sur la taille de tes pages Et puis comme la lisibilité c'est zero, tu vas coder de plus en plus clairement ...

Ensuite, le stade d'après c'est VIM sous *nix. L'édition est tellement chiante qu'avec l'expériance tu tapes ton code directement comme il faut, tu n'aura plus besoin de taper à moitier ton code et de voir ce que ca donne avant de continuer !

The Jedi · le 13 août 2004

Oui à part que ça c'est un conseil d'un mec qu'aime bien se compliquer la vie. Faut savoir rester les pieds sur terre : il va pas passer sous linux ou se taper du bloc note s'il a déjà du mal en WYSIWYG.

Dreamweaver y'a aussi un mode d'édition de code et ça l'aidera déjà pas mal. C'est autrement mieux que le bloc note. Je fais tout à la main de mon côté mais au bloc note c'est dui suicide ou alors t'as vraiment aucun respect pour ta personne

Sigfrodi · le 13 août 2004

Surtout que pour utiliser VIM, faut vraiment vouloir se pourrir la vie (ou avoir niqué le serveur graphique) Y a quand même plus ergonomique dans les éditeurs de textes gratuits (JEdit par exemple)

Yahiko · le 13 août 2004

Sous windows je fait mon site sur WebExpert et sous Linux pour l'instant j'utilise Quanta, persos j'ai pas eu de souci d'optimisation pour Mozilla/Firefox et co vu que je fesai les apercu desus, c'est même plus joli sur Mozilla que sur Ie

Sinon en éditeur gratuit j'ai trouvé Script Edit pas trop mal

Spacewolf1 · le 13 août 2004

Moi, j'utilise ConText, une exellente alternative au bloc note. Y a qu'à télécharger en plus les fichiers correspondant au langage de programmation que l'on veut et hop, vive la couleur pour se repérer dans le code (C, C++, Fortran, PHP, HTML... y en a pour tout les goût ).

Alex57 · le 13 août 2004

J'ai fait un copier coller de mon code dans le bloc note puis j'ai modifié les mauvaises balises et enlevé les espaces intutiles et maintenant ya plus aucun bug sur firefox ou netscape ( seul la barre de recherche et toute petite sous firefox alors quelle est plutot grande sous IE mais bon, pas grave ).

Là je termine de faire ma cinquantaine de page et je verrais bien si le résultat est convaincant, en tout cas ya plus de bug visuel.

Merci encore

mega-squall · le 13 août 2004

Je suis juste un Warrior alors

vim powa

Sigfrodi · le 13 août 2004

Je suis juste un Warrior alors

Maso conviendrait mieux Chacun ses préférences cela dit, je te titille. Je préfère mon petit JEdit qui tourne aussi bien sous Windows (au boulot) que sous Linux (chez moi), Java oblige.

Alex57 · le 14 août 2004

J'ai quand même quelque décalage de quelque millimètre entre netscape et internet explorer mais bon, c'est pas grave mais c'est normal qui est ces décalages ?

Connexion

Problème D'optimisation

Messages recommandés

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Rejoindre la conversation

Information importante