Version complète: sur le forum Webmaster Hub : A l'aide pour affichage
Webmaster Hub > Création et exploitation de Sites Internet > Les fondations d'un site
Koverze
mardi 25 janvier 2005 à 21:54
Bonjour à tous,j'ai un petit souci avec mon site qui ne s'affiche pas bien sur firefox.J'utilise moi même internet exploreur et je n'ai pas de problème d'affichage.Quelqu'un pourrais me dire d'ou viens mon problème. blink.gif
Merci
Vincent
mardi 25 janvier 2005 à 22:13
il faut nettoyer ton code :
tu as plein de doublon inutile :

CITATION
<td width="614" height="112" valign="top"><img src="images_vierges/Bonne%20images/dvd%20copie.jpg" width="614" height="170"></td>

2 fois width, 2 fois height ...

tu as dans ta page 3 fois le bloc <head>
tu as aussi 3 fois le <html> et le <body>
bref, le haut de page a été répété 3 fois ...

en nettoyant ton code, je pense que firefox s'y retrouvera mieux.
Koverze
mardi 25 janvier 2005 à 22:15
Ok merci beacoup de ta réponse aussi rapide,je suis novice donc c'est un peu galère.
Merci je vais voir ça.
Et il n'y as pas un site qui permet de tester les affichages de son site ??
Ou il faut télécharger tout les navigateurs ???
MarvinLeRouge
mardi 25 janvier 2005 à 22:17
Salut,

1) Sans code, ou url, pas de réponse possible
2) Dans Firefox, fais sur la page clic droit, "information sur la page", et regarde la ligne "mode de rendu". Ca donne quoi ?
3) Si tu veux que ta page marche bien sur IE et sur Firefox, fais la sous Firefox. Sinon, tu n'as pas fini de t'arracher les cheveux : Firefox respecte les standards, IE très mal et sus cetaines conditions bien précises. C'est un peu comme si tu essayais de construire un bâtiment sur un marécage et qu'après tu voulais vérifier que tes murs sont d'aplomb.
tictact
mardi 25 janvier 2005 à 22:27
les navigateurs qui ne sont pas au standard gobent un peu de tout.

je suis entrain de regarder la page avec spiderman2 sous ie...

afficher une image qui fait 3470 * 2224.... il faut le faire...



sous firefox, bruce tout puissant est à 1412 * 1440


un grand coup de nettoyage des codes s'impose.
bon courage
Koverze
mercredi 26 janvier 2005 à 09:28
salut a tous, l'url de mon site est www.koverze.com !!!

Pour répondre a tictact, pour spiderman 2,c'est fait exprès que la taille de l'image soit si grosse c'est pour ne pas perdre de qualité a l'impression de la jaquettes.Comme tout le monde me le suggère un grand coup de nettoyage des codes s'impose,merci quand même je vais voir ça et si vous avez des critiques ou quoi que se soit j'accepte,c'est comme ça que l'on progresse !!!
++
Koverze
Dan
mercredi 26 janvier 2005 à 10:59
Salut Koverze,

Tu devrais mettre deux liens par image de jaquette, de manière à avoir une image en basse résolution pour l'affichage, et une haute définition pour l'impression.


Dan
Napoleon3
mercredi 26 janvier 2005 à 11:48
Une petite remarque sur les adsenses : google interdit l'incitation au clic sur les pubs.
CITATION
Incitations

Les pages Web ne doivent pas contenir d'incitations, de quelque nature que ce soit, à cliquer sur les annonces. Ces incitations incluent toute invitation à cliquer sur les annonces ou à consulter les sites des annonceurs. Les éditeurs ne doivent pas non plus attirer l’attention des utilisateurs sur les annonces de façon artificielle. Ces pratiques sont strictement interdites afin d’éviter l’augmentation des coûts des annonceurs. Votre site ne peut contenir des phrases telles que « Cliquez ici », « Aidez nous », « Consultez ces liens » ou tout texte pouvant s’associer aux annonces, quel qu'en soit leur contenu.
quote tirée de https://www.google.com/adsense/policies.

Si tu ne veux pas que google te bannisse de son programme, il vaudrait mieux retirer les incitations aux clics.

Marc
Koverze
mercredi 26 janvier 2005 à 14:04
Ok merci de tout vos conseils je vais les suivrent !!!
Koverze
mercredi 26 janvier 2005 à 15:16
ReBonjour à tous,j'ai modifier les phrases pour être en règles avec les pub google.J'ai cherché a effacer ce qui n'allez pas dans mon code mais j'ai toujours le même problèm.

Mon code est le suivant:

CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>.:KOVERZE:.</title>
</head>

<body>
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Style1 {font-size: 12px}
.Style3 {
font-size: 12px;
color: #FF6600;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style4 {
color: #FF6600;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
color: #FF6600;
}
a:visited {
color: #FF6600;
}
a:hover {
color: #FFFFFF;
}
a:active {
color: #FF6600;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
</head>

<body background="images/fond.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<table width="790" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="176"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="176" height="170">
<param name="movie" value="images/exode.swf">
<param name="quality" value="high">
<embed src="images/exode.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="176" height="170"></embed></object></td>
<td width="614" height="112" valign="top"><img src="images_vierges/Bonne%20images/dvd%20copie.jpg" width="614" height="170"></td>
</tr>
<tr>
<td width="176" height="112" valign="top"><table width="176" border="0" cellspacing="0" cellpadding="0">
<tr>
<? include("menutest.php"); ?>
</tr>
<td valign="top"><div align="center">
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><p class="Style1"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"><strong><font color="#FF6600">
<? include("texteaccueil.php"); ?></tr>
</table>
<img src="images/titreneutre.jpg" width="614" height="36"><br>
<br>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="84"><p align="justify">&nbsp;
</p>
</td>
</tr>
</table>
<p align="justify">&nbsp;</p>
<p>&nbsp;</p>
</div></td>
</tr>
</table>

</div>
</body>

<script SRC="http://www.allosponsor.com/cgi-bin/iframe_sponsor.eur?num_site_aff=14297&type=2"></script>
</body>
</html>



Je ne trouve pas ce qui me fait un mauvais affichage sous firefox !!!
Merci de m'aiguiller,je suis un novice !!!
koverze
mathieu147
mercredi 26 janvier 2005 à 15:58
Tu t'es encore embrouillé avec tes balises. Par exemple:
Tu as deux fois </head>.
Tu as un <script language="JavaScript" type="text/JavaScript">, mais pas de Javascript wacko.gif
leftmargin pas autorisé pour le type de document que tu as.
Idem avec embed
Tu as des <font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"> sans </font>.
Tu as des truc pas très utiles, du genre <p align="justify">&nbsp;</p>
Tu as plein de tableaux, avec des <tr> sans </tr> ou des <td> sans </td>?

En règle générale, essaie de ne pas trop utiliser de tableaux, utilise plutôt une feuille de style bien faite pour positionner tes images et des éléments de design. Tu peux faire de beaux menus rien qu'avec des listes et une css.

Si tu veux corriger ta page, je te conseille ceci: http://validator.w3.org/
Koverze
mercredi 26 janvier 2005 à 18:52
Ok merci de tes conseils,je vais voir ce que je peux faire je te tiens au courant !!!
mathieu147
jeudi 27 janvier 2005 à 11:35
Essaie un code de ce style pour ton css:
CODE
body
   {
   margin  : 0px;
   padding : 0px;
   }
/*MISE EN PAGE DU HEADER*/
#head
   {
   position         : fixed;
   top              : 0px;
   left             : 150px;
   width            : 100%;
   height           : 80px;
   background-color : #00ff00;
   }
/*MISE EN PAGE DU MENU*/
#menu
   {
   position         : fixed;
   left             : 0px;
   top              : 0px;
   width            : 150px;
   height           : 100%;
   background-color : #ff0000;
   }
/*MISE EN PAGE DU FOOTER*/
#foot
   {
   position         : fixed;
   bottom           : 0px;
   height           : 35px;
   width            : 100%;
   background-color : #0000ff;
   }
/*MISE EN PAGE DU CONTENU*/
#content
   {
   position      : fixed;
   top           : 80px;
   left          : 150px;
   width         : 100%;
   height        : 100%;
   margin-bottom : 35px;
   background-color : #ffff00;
   }

Et ceci pour ton <body>:
CODE
<body>
<div id="head">
   <p>
       Bla bla bla
   </p>
</div>
<div id="menu">
   <p>
       Bla bla bla
   </p>
</div>
<div id="content">
   <p>
       Bla bla bla
   </p>
</div>
<div id="foot">
   <p>
       Bla bla bla
   </p>
</div>
</body>

C'est à améliorer et à peaufiner, c'est juste pour te donner une idée...

J'ai utilisé ce genre de chose (mais pas exactement) sur mon site si tu veux voir ce que ça donne.
Je crois qu'il y a des trucs qui marchent pas avec IE (sur mon site, mais pas dans le code que je t'ai donné).
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.