Aller au contenu

Problème D'optimisation


Alex57

Messages recommandés

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 )

Lien vers le commentaire
Partager sur d’autres sites

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)

Lien vers le commentaire
Partager sur d’autres sites

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

<style type="text/css">

<!--

.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>

<script LANGUAGE="JavaScript">function NoError(){return true;}window.onerror=NoError;</SCRIPT>

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

</HEAD>

<BODY>

<P>

<div align="center"><img src="design/banniere.gif" width="888" height="93"><BR>

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

<img src="design/accueil.jpg" width="133" height="24" border="0"> </a><a href="http://51434.aceboard.net/"><img src="design/forum.jpg" width="133" height="24" border="0":delire:/a><a href="http://www.swisstools.net/guestbook.asp?id=70609"> <img src="design/livre%20d%27or.jpg" width="133" height="24" border="0"> </a><a href="http://www.bon-genie.com/annuaire/recherche.asp?Perso=1204"><img src="design/annuaire.jpg" width="133" height="24" border="0"> </a><a href="mailto:chaos.blaster@caramail.com"><img src="design/contacts.jpg" width="133" height="24" border="0":class:/a>

<br>

<img src="design/bordure%20bleu%20relief.jpg" width="972" height="12"> </div>

<TABLE WIDTH=977 HEIGHT=432 BORDER=2 bordercolor="#0000FF">

<TR>

<TH scope="row" WIDTH=142 HEIGHT=426><div align="left">

<p align="left"><img src="design/secretofmana.gif" width="125" height="134" align="middle"><br>

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

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

<a href="http://www.swisstools.net/livechat.asp?id=73891"><img src="design/puce.gif" width="10" height="10" border="0"><span class="Style4"> </span>Chat</a><br>

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

<img src="design/vide.gif" width="10" height="1"><img src="design/vide.gif" width="22" height="8"><img src="design/sms.gif" width="69" height="110"><br>

<img src="design/download.jpg" width="133" height="24" align="absmiddle"><br>

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

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

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

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

<img src="design/vide.gif" width="30" height="20"><img src="design/maximo.gif" width="76" height="100" align="absmiddle"> <img src="design/divers.jpg" width="133" height="24" align="absmiddle"><br>

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

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

<br>

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

<img src="design/vide.gif" width="10" height="1"><img src="design/shinobi.gif" width="100" height="90" align="absmiddle"><br>

<a href="java script:recomail('http://www.swisstools.net/recomail_formulaire.asp?id=19625&type=2')"> </a><img src="design/top%20roms.jpg" width="133" height="24" align="absmiddle"><br>

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

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

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

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

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

<br>

<br>

<br>

</span></p>

<p align="left"> </p>

<p align="left"> </p>

<p align="left"> </p>

<p align="left"> </p>

<p align="left"> </p>

<p align="left"><span class="Style3"><br>

<br>

<br>

<br>

</span></p>

</div></TH>

<TH WIDTH=669 HEIGHT=426 bgcolor="#FFFF00" scope="row"><p class="Style57"><span class="Style59":class:/span><br>

<img src="design/bordure%20bleu%20relief.jpg" width="674" height="10":class:/p>

<p class="Style57 Style60":class:/p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p>

<p class="Style57"> </p></TH>

<TH WIDTH=142 HEIGHT=426 bordercolor="#FFFF00" bgcolor="#FFFF00" scope="row"><P align="left"> <img src="design/vide.gif" width="34" height="8"><img src="design/snake.gif" width="75" height="110"><br>

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

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

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

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

<img src="design/vide.gif" width="30" height="8"><img src="design/megaman.gif" width="77" height="119">

<input type=text name=string value="" size=17 onChange="n = 0;">

<br>

<img src="design/vide.gif" width="16" height="12">

<input type=submit name=Envoi value=Rechercher>

<br>

<img src="design/vide.gif" width="22" height="8"> <img src="design/donkey.gif" width="83" height="106"><br>

<img src="design/tutorials.jpg" width="133" height="24" align="absmiddle"><br>

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

<br>

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

<img src="design/vide.gif" width="24" height="8"><img src="design/yuna.gif" width="112" height="149"><br>

<img src="design/top%20émul.jpg" width="133" height="24" align="absmiddle"><br>

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

<img src="design/puce.gif" width="10" height="10"> <a href="http://chaos.tonsite.biz/emulateur/no.zip">No$ZX</a><br>

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

<br>

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

<img src="design/sonic.gif" width="65" height="118"><img src="design/mario.gif" width="68" height="109"><br>

<img src="design/partenaires.jpg" width="133" height="24" align="absmiddle"><br>

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

<br>

<br>

<br>

<br>

<br>

<br>

<br>

</TH>

</TR>

</TABLE>

<img src="design/bordure%20bleu%20relief.jpg" width="977" height="10"><br>

<br>

<div align="center"><img src="design/barrecopyright.jpg" width="970" height="24"><br>

</div>

</BODY>

</HTML>

ya pas de mata tag encore.

merci de m'aider

Lien vers le commentaire
Partager sur d’autres sites

Il y a un peu trop de   et de <br> 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.

Lien vers le commentaire
Partager sur d’autres sites

Il y a un peu trop de   et de <br> a mon goût :class:

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.

Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

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:

Lien vers le commentaire
Partager sur d’autres sites

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.

Lien vers le commentaire
Partager sur d’autres sites

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 !

Lien vers le commentaire
Partager sur d’autres sites

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 ^^

Lien vers le commentaire
Partager sur d’autres sites

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 :P

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

Lien vers le commentaire
Partager sur d’autres sites

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 ^^).

Lien vers le commentaire
Partager sur d’autres sites

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 ). :P

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 ^^

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

Chargement
×
×
  • Créer...

Information importante

By using this site, you agree to our Conditions d’utilisation.