FORUM Syndrome-OC - Jacky-PC


  Programmation


  Langage interprété(Php, Perl...)


  Problème de dimension de page

 
 




Il y a 30 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici

S'identifier | S'inscrire | Aide
 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème de dimension de page

n°6278
drazco
Un pot de nutella géant
Posté le 01-12-2005 à 18:21:15  profilanswer
 

Hello,  
 
Voila, j'ai mon site et tt et tt mais je n'aime pas la taille
elle est trop grande pour un navigateur.  
J'aimerais la réduire pour que tt rentre en 1024 au maximum
 
voila, ca doit etre un truc tout con je pense mais j'ai cherché un moment
et j'ai rien trouvé.
 
Vlà le code de la page  
Si quelqu'un pouvait m'aider  :wahoo:  
 

Code :
  1. <html>
  2. <head>
  5. <title> *www.badaveyron.com*          Le site consacré aux badminton en Aveyron</title>
  6. <META NAME="Identifier-URL" CONTENT="www.badaveyron.com">
  7. <META NAME="Author" CONTENT="Fab">
  8. <META NAME="Reply-to" CONTENT="badaveyron@free.fr">
  9. <META NAME="Copyright" CONTENT="©Badaveyron2005">
  10. <META NAME="Description" CONTENT="Le site du codep 12 de badminton.
  11. ">
  12. <META http-equiv="Content-Language" CONTENT="fr">
  13. <META NAME="Keywords" CONTENT="Badminton, volants, raquettes, aveyron, sports de raquettes, compétitons ">
  14. <META NAME="revisit-after" CONTENT="15 days">
  15. <META NAME="Expires" CONTENT="never">
  16. <META NAME="robots" CONTENT="All">
  18. </head>
  19. <head><title>BADAVEYRON</title>
  20. <style type="text/css">
  21. <!--
  22. .titre1 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none}
  23. .titre2 {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #FFFFFF; text-decoration: none}
  24. .texte1 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: none; text-align: justify}
  25. a {  color: #FFFFFF; text-decoration: none}
  26. -->
  27. </style>
  28. <BODY BACKGROUND="" BGCOLOR="#336699" TEXT="#000000" LINK="#000080" VLINK="#800080" ALINK="#FF0000"><FONT SIZE=2><FONT COLOR="#0066FF"></FONT></FONT>
  29. <body bgcolor="336699" color="#000000">
  34. <div align="center">
  35.   <table width="958" height="90" border="1" bordercolor="#000000" background="font.gif">
  36.     <tr>
  37.       <td width="48" height="66" background=""><img src="badaveyron.gif" border="0" width="948" height="155" alt="" align="baseline">
  38.          
  39.       </td></tr></table></div><td width="533" valign="top"> <div align="left"><p></p>
  40.   </div></td><a href="javascript:window.external.addfavorite('http://www.badaveyron.com','Site du codep 12')">Ajoutez Badaveyron à vos favoris</a>
  42. <table width="201" border="0" align="left" cellpadding="2" cellspacing="2">
  43.   <tr>
  44.     <td width="195" height="574" valign="top" bgcolor="336699">
  45.       <div align="left">
  46.         <? include('menu.php3'); ?><br>
  47.  <!-- DEBUT CODE LIVE MONCOMPTEUR.COM -->
  48. <script type="text/javascript">
  49. <!--
  50. member = 22048;
  51. numCounter = 1;
  52. //-->
  53. </script>
  54. <script type="text/javascript" src="http://www.moncompteur.com/javascripts/compteurlive.js">
  55. </Script>
  56. <!-- FIN CODE LIVE MONCOMPTEUR.COM -->
  57.       </div></td>
  58.  
  59.     </tr>
  60. </table>
  62. <div align="center">
  63.   <table width="758" height="591" border="1" cellpadding="2" cellspacing="2" bordercolor="#000000">
  64.     <tr>
  65.       <td width="750" height="112" valign="top" bgcolor="0099CC">
  66.           </strong></font></p><br><div align="center"><!-- DEBUT CODE DATE MONCOMPTEUR.COM -->
  67. <script type="text/javascript">
  68. <!--
  69. member = 22048;
  70. option = 1;
  71. color0 = "0000FF";
  72. size0 = "3";
  73. face0 = "Arial";
  74. format = "long";
  75. //-->
  76. </script>
  77. <script type="text/javascript" src="http://www.moncompteur.com/javascripts/goodies1.js"></script>
  78. <!-- FIN CODE DATE MONCOMPTEUR.COM --></div>
  79.         <p align="center">&nbsp;</p><font size="2" face="Verdana" color="#3014F4"><div align="center"><b><font size="+2"><script language="JavaScript1.2">
  80. var texte="Les News du badminton en Aveyron"
  81. var eteint="blue"
  82. var allume="orange"
  83. var vitesse=75
  84. var idx=0
  85. if (document.all){
  86.    document.write('<font color="'+eteint+'">')
  87.    for (i=0;i<texte.length;i++)
  88.    document.write('<span id="leneon">'+texte.charAt(i)+'</span>')
  89.    document.write('</font>')
  90.    var ref=document.all.leneon
  91.    } else document.write(texte);
  93. function affiche(){
  94.    if (idx==0) {
  95.       for (i=0;i<texte.length;i++) ref[i].style.color=eteint
  96.       }
  97.    ref[idx].style.color=allume;
  98.    if (idx<ref.length-1) idx++
  99.    else {
  100.       idx=0;clearInterval(running);setTimeout("neon()",1000);
  101.       }
  102.    }
  104. function neon(){
  105.    if (document.all) running=setInterval("affiche()",vitesse)
  106.    }
  108. neon()
  109. </script>
  111. </font></b></div> <br><br>
  112.         <p align="center"><strong><font size="4"> </font></strong></p>
  113.         <p align="center">&nbsp;</p><? include('a-news/news.php3'); ?>
  115.         <p align="left"><strong><font size="3"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  116.           </font></strong></p>
  117.    <SCRIPT LANGUAGE=JavaScript>
  118. var lastMod = document.lastModified;
  119. var month = new Array("Janvier","Fevrier","Mars",
  120. "Avril","Mai","Juin","Juillet","Août","Septembre",
  121. "Octobre","Novembre","Decembre" );
  122. var lastDate = new Date(lastMod);
  123. minutes=lastDate.getMinutes();
  124. document.write('<center><b>Dernière modification de cette page</b><p>Le ');
  125. document.write(lastDate.getDate()+" " );
  126. document.write(month[lastDate.getMonth()]+" " );
  127. if (lastDate.getYear()<10)
  128. document.write("200"+lastDate.getYear());
  129. else
  130. document.write(""+lastDate.getYear());
  131. document.write("<br>à "+lastDate.getHours()+" heure et "+minutes+" minutes." );
  132. </SCRIPT> <P>
  135.   
  136.   
  137. <div align="center"> <font color="#cc0000">Vous etes le</font><? include('comp/compt.php3'); ?><font color="#cc0000">visiteurs.</font></div>
  139.         <p align="left">&nbsp;</p>
  140.         <p align="right"><strong><font size="+2"><div align="center"></div></font></strong></p>
  141.         <p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
  142.         <p align="center">&nbsp;</p>
  143.         <p align="center">&nbsp;</p><br><br><br><br><br><br><font size="-1"></font>
  144.         <p align="center">&nbsp; </p></td>
  145.     </tr>
  146.   </table>
  147.   <div align="center">Tous droits reservez à Badaveyron©2005.</div>
  148.  
  149. </div>
  150. <script language=JavaScript1.1>
  151.     function InterditDroit(e)
  152.       {
  153.         if (navigator.appName == 'Netscape' &&  (e.which == 3 || e.which == 2))
  154.           {
  155.             alert("Pas de clique droit. :)" )
  156.             return false;
  157.           }
  158.         else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3))
  159.           {
  160.             alert("Pas de clique droit. :)" )
  161.             return false;
  162.           }
  163.         return true;
  164.       }
  165.    document.onmousedown=InterditDroit;
  166.    document.onmouseup=InterditDroit;
  167.    if (document.layers) window.captureEvents(Event.MOUSEDOWN);
  168.    if (document.layers) window.captureEvents(Event.MOUSEUP);
  169.    window.onmousedown=InterditDroit;
  170.    window.onmouseup=InterditDroit;
  171.   </script>
  172. </body>
  173. </html>


Message édité par drazco le 01-12-2005 à 18:21:49
mood
Google
Posté le 01-12-2005 à 18:21:15  profilanswer
 

n°6280
nicodache
marmotte en chocolat concept ©
Posté le 01-12-2005 à 21:15:26  profilanswer
 

Code :
  1. /* et si tu mettais un doctype ? */
  2. <html>
  3. <head>
  4.  <title> *www.badaveyron.com*          Le site consacré aux badminton en Aveyron</title>
  5.  <META NAME="Identifier-URL" CONTENT="www.badaveyron.com">
  6.  /* on évite de plus en plus les balises en majuscule. le XHTML le refuse, et puis ca fait moche... */
  7.  <META NAME="Author" CONTENT="Fab">
  8.  <META NAME="Reply-to" CONTENT="badaveyron@free.fr">
  9.  <META NAME="Copyright" CONTENT="©Badaveyron2005">
  10.  <META NAME="Description" CONTENT="Le site du codep 12 de badminton.">
  11.  <META http-equiv="Content-Language" CONTENT="fr">
  12.  <META NAME="Keywords" CONTENT="Badminton, volants, raquettes, aveyron, sports de raquettes, compétitons ">
  13.  <META NAME="revisit-after" CONTENT="15 days">
  14.  <META NAME="Expires" CONTENT="never">
  15.  <META NAME="robots" CONTENT="All">
  16. </head>
  17. <head> /* deux balises <head> ?! */
  18.  <title>BADAVEYRON</title> /* avec en plus un deuxième titre ?! */
  19. /* et tu oublies de fermer ta balise <head> ?! */
  20. <style type="text/css">
  21.  <!--
  22.  .titre1 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none}
  23.  .titre2 {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #FFFFFF; text-decoration: none}
  24.  .texte1 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: none; text-align: justify}
  25.  a {  color: #FFFFFF; text-decoration: none}
  26.  -->
  27.  /* elle sert pas à grand chose ta CSS si tu la commentes... */
  28. </style>
  29. <BODY BACKGROUND="" BGCOLOR="#336699" TEXT="#000000" LINK="#000080" VLINK="#800080" ALINK="#FF0000">
  30.  <FONT SIZE=2> /* ici j'ai une taille de police de 2 */
  31.   <FONT COLOR="#0066FF"> /* ici, ma police est turquoise */
  32.   </FONT> /* ici, elle n'est plus turquoise */
  33.  </FONT> /* ici, elle n'est plus de 2 */
  34.  /* très utile de définir un style de police pour ne pas l'utiliser... */
  35. <body bgcolor="336699" color="#000000">
  36. /* deux balises <body> ? la multiplication des balises, par drazco... après <head>, <body>... */
  37.  <div align="center">
  38.      <table width="958" height="90" border="1" bordercolor="#000000" background="font.gif">
  39.        <tr>
  40.           <td width="48" height="66" background="">
  41.        <img src="badaveyron.gif" border="0" width="948" height="155" alt="" align="baseline">
  42.      /* si c'est pour par mettre de texte alternatif, autant ne pas mettre l'attribut alt...*/
  43.     </td>
  44.    </tr>
  45.   </table>
  46.  </div>
  47.  <td width="533" valign="top">
  48.  /* tu fermes ton tableau, je vois mal ou tu vas trouver une nouvelle cellule de tableau... */
  49.   <div align="left">
  50.    <p></p> /* hooo, le beau paragraphe vide */
  51.   </div> /* hooo, la belle division de page vide... */
  52.  </td> /* ha, ici tu fermes le tableau que tu n'as pas ouvert... */
  53.  <a href="javascript:window.external.addfavorite('http://www.badaveyron.com','Site du codep 12')">Ajoutez Badaveyron à vos favoris</a>
  54.  /* on va oublier que ca marche que pour IE */
  55.  <table width="201" border="0" align="left" cellpadding="2" cellspacing="2">
  56.      <tr>
  57.        <td width="195" height="574" valign="top" bgcolor="336699">
  58.           <div align="left"> /* un division dans un tableau... d'habitude, on fait l'inverse... */
  59.      /* et à tout hazard, il est TRES mal vu de faire de la mise en page grace à des tableaux */
  60.              <? include('menu.php3'); ?> /* c'est du php, du jsp, ou de l'asp ? */
  61.      <br>
  62.      <!-- DEBUT CODE LIVE MONCOMPTEUR.COM --> /* superbe ! */
  63.      <script type="text/javascript">
  64.       <!--
  65.       member = 22048;
  66.       numCounter = 1;
  67.       //-->
  68.      </script>
  69.      <script type="text/javascript" src="http://www.moncompteur.com/javascripts/compteurlive.js">
  70.      /* tu pourrais au moins copier le compteur sur ton site, ca ferait bricolage ^^ */
  71.      </Script> /* ha ? première lettre de la balise en majuscule maintenant... */
  72.      <!-- FIN CODE LIVE MONCOMPTEUR.COM -->
  73.           </div>
  74.    </td>
  75.   </tr>
  76.  </table>
  77.  <div align="center">
  78.   <table width="758" height="591" border="1" cellpadding="2" cellspacing="2" bordercolor="#000000">
  79.    <tr>
  80.     <td width="750" height="112" valign="top" bgcolor="0099CC">
  81.               </strong> /* tu fermes une balise strong que tu n'as ouvert nulle part... */
  82.     </font> /* pareil pour la balise font... */
  83.    </p> /* et encore pareil pour la balise paragraph */
  84.    <br>
  85.     <div align="center"> /* hoo, t'avais pourtant bien commencé... */
  86.      /* un tableau dans un div... */
  87.      /* mais tu te sens visiblement obligé de mettre un div dans un tableau dans un div */
  88.      <!-- DEBUT CODE DATE MONCOMPTEUR.COM -->
  89.      <script type="text/javascript">
  90.       <!--
  91.       member = 22048;
  92.       option = 1;
  93.       color0 = "0000FF";
  94.       size0 = "3";
  95.       face0 = "Arial";
  96.       format = "long";
  97.       //-->
  98.      </script>
  99.      <script type="text/javascript" src="http://www.moncompteur.com/javascripts/goodies1.js"></script>
  100.      <!-- FIN CODE DATE MONCOMPTEUR.COM -->
  101.     </div>
  102.            <p align="center">&nbsp;</p> /* un paragraphe vide toujours utile ca... */
  103.     <font size="2" face="Verdana" color="#3014F4">
  104.      <div align="center">
  105.       <b>
  106.        <font size="+2">
  107.         <script language="JavaScript1.2"> /* javascript un point deux ?! Oo */
  108.          var texte="Les News du badminton en Aveyron"
  109.          var eteint="blue"
  110.          var allume="orange"
  111.          var vitesse=75
  112.          var idx=0
  113.          if (document.all) {
  114.               document.write('<font color="'+eteint+'">')
  115.               for (i=0; i<texte.length; i++)
  116.                document.write('<span id="leneon">'+texte.charAt(i)+'</span>')
  117.            document.write('</font>')
  118.               var ref=document.all.leneon
  119.              } else
  120.             document.write(texte);
  122.          function affiche() {
  123.               if (idx==0) {
  124.                  for (i=0; i<texte.length; i++)
  125.               ref[i].style.color=eteint
  126.                 }
  127.               ref[idx].style.color=allume;
  128.               if (idx < ref.length-1)
  129.               idx++
  130.               else {
  131.               idx=0;clearInterval(running);setTimeout("neon()",1000);
  132.                 }
  133.              }
  135.          function neon() {
  136.               if (document.all)
  137.              running=setInterval("affiche()",vitesse)
  138.              }
  140.          neon()
  141.         </script> /* ya du code html qui affiche quelque chose dans ta page ? */
  142.         /* à part le javascript, ya quelque chose, je veux dire ? */
  143.        </font> /* size +2 pour le JS */
  144.       </b> /* bold pour le JS */
  145.      </div>
  146.      <br>
  147.      <br>
  148.      <p align="center">
  149.       <strong>
  150.        <font size="4">
  151.        </font>
  152.       </strong>
  153.      </p> /* si ca ca sert pas à rien, alors je sais pas ce que c'est... */
  154.      <p align="center">&nbsp;</p>
  155.      <? include('a-news/news.php3'); ?> /* php, asp, jsp ? */
  156.      <p align="left">
  157.       <strong>
  158.        <font size="3">
  159.         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  160.        </font>
  161.       </strong>
  162.      </p> /* 7 espaces dans un paragraphe mis en gras de taille +3... */
  163.      /* je vois pas l'utilité de la grasse pour des espaces, m'enfin... */
  164.        <SCRIPT LANGUAGE=JavaScript> /* alleï, ca recommence */
  165.       var lastMod = document.lastModified;
  166.       var month = new Array("Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Decembre" );
  167.       var lastDate = new Date(lastMod);
  168.       minutes=lastDate.getMinutes();
  169.       document.write('<center><b>Dernière modification de cette page</b><p>Le ');
  170.       document.write(lastDate.getDate()+" " );
  171.       document.write(month[lastDate.getMonth()]+" " );
  172.       if (lastDate.getYear() < 10)
  173.        document.write("200"+lastDate.getYear());
  174.       else
  175.        document.write(""+lastDate.getYear());
  176.       document.write("<br>à "+lastDate.getHours()+" heure et "+minutes+" minutes." );
  177.      </SCRIPT>
  178.      <P>
  179.       <div align="center">
  180.        <font color="#cc0000">Vous etes le</font>
  181.        <? include('comp/compt.php3'); ?> /* php, asp,jsp ? */
  182.        <font color="#cc0000">visiteurs.</font>
  183.       </div>
  184.            <p align="left">&nbsp;</p>
  185.      /* tu ouvres un paragraphe sans fermer le précédent... pas encore trop grave, ca passe en html 4.01 */
  186.             <p align="right">
  187.          <strong>
  188.           <font size="+2">
  189.            <div align="center">
  190.         </div>
  191.        </font>
  192.       </strong>
  193.      </p> /* encore un paragraphe plein de vide... */
  194.             <p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> /* du vide */
  195.             <p align="center">&nbsp;</p> /* encore du vide */
  196.             <p align="center">&nbsp;</p> /* toujours du vide */
  197.      <br> /* PUTAIN                     */
  198.      <br> /*       DE                   */
  199.      <br> /*          BORDEL            */
  200.      <br> /*                DE          */
  201.      <br> /*                  MERDE     */
  202.      <br> /*                        !!! */
  203.      <font size="-1"></font> /* définir une taille de police JAMAIS utilisée... */
  204.             <p align="center">&nbsp; </p> /* encore une fois du vide */
  205.     </td> /* cette fermeture de cellule de tableau correspond à l'ouverture du balise font plus haut... */
  206.     /* en fait non, je rigole. le td d'ouverture se trouve ligne 77 */
  207.        </tr>
  208.      </table> /* table de la ligne 75. c'est bon, je m'y suis retrouvé ! */
  209.   <div align="center">Tous droits reservez à Badaveyron©2005.</div>
  210.   /* réservÉS. et je te réserve le droit d'utiliser mon bouquin de XHTML */
  211.  </div>
  212.  <script language=JavaScript1.1>
  213.       function InterditDroit(e) { /* c'est pour faire beau ? parce que même avec IE, je passe à travers... */
  214.           if (navigator.appName == 'Netscape' &&  (e.which == 3 || e.which == 2)) {
  215.               alert("Pas de clique droit. :)" )
  216.               return false;
  217.             } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) {
  218.               alert("Pas de clique droit. :)" )
  219.               return false;
  220.           }
  221.           return true;
  222.         }
  223.       document.onmousedown=InterditDroit;
  224.       document.onmouseup=InterditDroit;
  225.       if (document.layers)
  226.       window.captureEvents(Event.MOUSEDOWN);
  227.       if (document.layers)
  228.       window.captureEvents(Event.MOUSEUP);
  229.       window.onmousedown=InterditDroit;
  230.       window.onmouseup=InterditDroit;
  231.     </script>
  232. </body> /* miracle, le body correspond ! */
  233. </html>


Message édité par nicodache le 01-12-2005 à 21:22:01

---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°6281
nicodache
marmotte en chocolat concept ©
Posté le 01-12-2005 à 21:27:26  profilanswer
 

je te propose d'aller voir les liens suivants :
http://www.w3schools.com/xhtml/
http://fr.wikipedia.org/wiki/XHTML
http://www.alistapart.com/stories/betterliving/
http://www.ericmeyeroncss.com/
http://www.alsacreations.com/
http://www.la-grange.net/w3c/xhtml1/
http://www.xhtml.net/
http://www.openweb.eu.org/
http://www.csszengarden.com/
 
voila...
 
ET OUBLIE LE JAVASCRIPT !
C'EST PAS EN JAVASCRIPT QU'ON ÉCRIT UN SITE WEB !


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°6282
M4vrick
Inventeur de la Watercase
Posté le 01-12-2005 à 22:11:19  profilanswer
 

ca ressemble a du code pondu par word sans les meta classiques de microsoft... s'il l'as pondu a la main c'est quand meme tres tres fort. Je crois que meme moi je ferais pas pire...  :D


---------------
--== M4vr|ck ==--  Le Tuning jusqu'au bout des cables
Flea Award 2003 de la machine la plus artistique au PC Tuning Show
n°6283
ZEPsikopat
May the Dremel ™ be in You !
Posté le 01-12-2005 à 22:16:20  profilanswer
 

Ouais enfin... Même pour du code pondu par Word je trouve ça un peu trop porkass... Doit y'avoir un truc là derrière...
 
Lobying des chinois du FBI qui enquêtent sur la faille du continuum espace-temps ? [:grut]

n°6284
nicodache
marmotte en chocolat concept ©
Posté le 01-12-2005 à 22:18:55  profilanswer
 

nan, je pense pas que ce soit du word ;)
 
word ne laisse pas voir la source html quand on l'édite, hors il a quand même été foutre des trucs de moncompteur.com, preuve qu'il a eu acces à la source pour le foutre dedans...
 
donc à vue de nez, un frontpage, ou limite un vieux namo web editor ou un golive antidéluvien ;)
 
drazco : à titre informatif, ta page peut etre réduite à ca sans qu'elle change d'aspect ;) :
 
 

Code :
  1. /* et si tu mettais un doctype ? */
  2. <html>
  3. <head>
  4.  <title> *www.badaveyron.com*          Le site consacré aux badminton en Aveyron</title>
  5.  <META NAME="Identifier-URL" CONTENT="www.badaveyron.com">
  6.  /* on évite de plus en plus les balises en majuscule. le XHTML le refuse, et puis ca fait moche... */
  7.  <META NAME="Author" CONTENT="Fab">
  8.  <META NAME="Reply-to" CONTENT="badaveyron@free.fr">
  9.  <META NAME="Copyright" CONTENT="©Badaveyron2005">
  10.  <META NAME="Description" CONTENT="Le site du codep 12 de badminton.">
  11.  <META http-equiv="Content-Language" CONTENT="fr">
  12.  <META NAME="Keywords" CONTENT="Badminton, volants, raquettes, aveyron, sports de raquettes, compétitons ">
  13.  <META NAME="revisit-after" CONTENT="15 days">
  14.  <META NAME="Expires" CONTENT="never">
  15.  <META NAME="robots" CONTENT="All">
  16. </head>
  17. <head> /* deux balises <head> ?! */
  18.  <title>BADAVEYRON</title> /* avec en plus un deuxième titre ?! */
  19. /* et tu oublies de fermer ta balise <head> ?! */
  20. <BODY BACKGROUND="" BGCOLOR="#336699" TEXT="#000000" LINK="#000080" VLINK="#800080" ALINK="#FF0000" color="#000000">
  21.  <div align="center">
  22.      <table width="958" height="90" border="1" bordercolor="#000000" background="font.gif">
  23.        <tr>
  24.           <td width="48" height="66" background="">
  25.        <img src="badaveyron.gif" border="0" width="948" height="155" alt="" align="baseline">
  26.      /* si c'est pour par mettre de texte alternatif, autant ne pas mettre l'attribut alt...*/
  27.     </td>
  28.    </tr>
  29.   </table>
  30.  </div>
  31.  <td width="533" valign="top">
  32.  /* tu fermes ton tableau, je vois mal ou tu vas trouver une nouvelle cellule de tableau... */
  33.  </td> /* ha, ici tu fermes le tableau que tu n'as pas ouvert... */
  34.  <a href="javascript:window.external.addfavorite('http://www.badaveyron.com','Site du codep 12')">Ajoutez Badaveyron à vos favoris</a>
  35.  /* on va oublier que ca marche que pour IE */
  36.  <table width="201" border="0" align="left" cellpadding="2" cellspacing="2">
  37.      <tr>
  38.        <td width="195" height="574" valign="top" bgcolor="336699">
  39.           <div align="left"> /* un division dans un tableau... d'habitude, on fait l'inverse... */
  40.      /* et à tout hazard, il est TRES mal vu de faire de la mise en page grace à des tableaux */
  41.              <? include('menu.php3'); ?> /* c'est du php, du jsp, ou de l'asp ? */
  42.      <br>
  43.      <!-- DEBUT CODE LIVE MONCOMPTEUR.COM --> /* superbe ! */
  44.      <script type="text/javascript">
  45.       <!--
  46.       member = 22048;
  47.       numCounter = 1;
  48.       //-->
  49.      </script>
  50.      <script type="text/javascript" src="http://www.moncompteur.com/javascripts/compteurlive.js">
  51.      /* tu pourrais au moins copier le compteur sur ton site, ca ferait bricolage ^^ */
  52.      </Script> /* ha ? première lettre de la balise en majuscule maintenant... */
  53.      <!-- FIN CODE LIVE MONCOMPTEUR.COM -->
  54.           </div>
  55.    </td>
  56.   </tr>
  57.  </table>
  58.  <div align="center">
  59.   <table width="758" height="591" border="1" cellpadding="2" cellspacing="2" bordercolor="#000000">
  60.    <tr>
  61.     <td width="750" height="112" valign="top" bgcolor="0099CC">
  62.               </strong> /* tu fermes une balise strong que tu n'as ouvert nulle part... */
  63.     </font> /* pareil pour la balise font... */
  64.    </p> /* et encore pareil pour la balise paragraph */
  65.    <br>
  66.     <div align="center"> /* hoo, t'avais pourtant bien commencé... */
  67.      /* un tableau dans un div... */
  68.      /* mais tu te sens visiblement obligé de mettre un div dans un tableau dans un div */
  69.      <!-- DEBUT CODE DATE MONCOMPTEUR.COM -->
  70.      <script type="text/javascript">
  71.       <!--
  72.       member = 22048;
  73.       option = 1;
  74.       color0 = "0000FF";
  75.       size0 = "3";
  76.       face0 = "Arial";
  77.       format = "long";
  78.       //-->
  79.      </script>
  80.      <script type="text/javascript" src="http://www.moncompteur.com/javascripts/goodies1.js"></script>
  81.      <!-- FIN CODE DATE MONCOMPTEUR.COM -->
  82.     </div>
  83.            <p align="center">&nbsp;</p> /* un paragraphe vide toujours utile ca... */
  84.     <font size="2" face="Verdana" color="#3014F4">
  85.      <div align="center">
  86.       <b>
  87.        <font size="+2">
  88.         <script language="JavaScript1.2"> /* javascript un point deux ?! Oo */
  89.          var texte="Les News du badminton en Aveyron"
  90.          var eteint="blue"
  91.          var allume="orange"
  92.          var vitesse=75
  93.          var idx=0
  94.          if (document.all) {
  95.               document.write('<font color="'+eteint+'">')
  96.               for (i=0; i<texte.length; i++)
  97.                document.write('<span id="leneon">'+texte.charAt(i)+'</span>')
  98.            document.write('</font>')
  99.               var ref=document.all.leneon
  100.              } else
  101.             document.write(texte);
  103.          function affiche() {
  104.               if (idx==0) {
  105.                  for (i=0; i<texte.length; i++)
  106.               ref[i].style.color=eteint
  107.                 }
  108.               ref[idx].style.color=allume;
  109.               if (idx < ref.length-1)
  110.               idx++
  111.               else {
  112.               idx=0;clearInterval(running);setTimeout("neon()",1000);
  113.                 }
  114.              }
  116.          function neon() {
  117.               if (document.all)
  118.              running=setInterval("affiche()",vitesse)
  119.              }
  121.          neon()
  122.         </script> /* ya du code html qui affiche quelque chose dans ta page ? */
  123.         /* à part le javascript, ya quelque chose, je veux dire ? */
  124.        </font> /* size +2 pour le JS */
  125.       </b> /* bold pour le JS */
  126.      </div>
  127.      <br>
  128.      <br>
  129.      <? include('a-news/news.php3'); ?> /* php, asp, jsp ? */
  130.        <SCRIPT LANGUAGE=JavaScript> /* alleï, ca recommence */
  131.       var lastMod = document.lastModified;
  132.       var month = new Array("Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Decembre" );
  133.       var lastDate = new Date(lastMod);
  134.       minutes=lastDate.getMinutes();
  135.       document.write('<center><b>Dernière modification de cette page</b><p>Le ');
  136.       document.write(lastDate.getDate()+" " );
  137.       document.write(month[lastDate.getMonth()]+" " );
  138.       if (lastDate.getYear() < 10)
  139.        document.write("200"+lastDate.getYear());
  140.       else
  141.        document.write(""+lastDate.getYear());
  142.       document.write("<br>à "+lastDate.getHours()+" heure et "+minutes+" minutes." );
  143.      </SCRIPT>
  144.      <P>
  145.       <div align="center">
  146.        <font color="#cc0000">Vous etes le</font>
  147.        <? include('comp/compt.php3'); ?> /* php, asp,jsp ? */
  148.        <font color="#cc0000">visiteurs.</font>
  149.       </div>
  150.     </td> /* cette fermeture de cellule de tableau correspond à l'ouverture du balise font plus haut... */
  151.     /* en fait non, je rigole. le td d'ouverture se trouve ligne 77 */
  152.        </tr>
  153.      </table> /* table de la ligne 75. c'est bon, je m'y suis retrouvé ! */
  154.   <div align="center">Tous droits reservez à Badaveyron©2005.</div>
  155.   /* réservÉS. et je te réserve le droit d'utiliser mon bouquin de XHTML */
  156.  </div>
  157.  <script language=JavaScript1.1>
  158.       function InterditDroit(e) { /* c'est pour faire beau ? parce que même avec IE, je passe à travers... */
  159.           if (navigator.appName == 'Netscape' &&  (e.which == 3 || e.which == 2)) {
  160.               alert("Pas de clique droit. :)" )
  161.               return false;
  162.             } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) {
  163.               alert("Pas de clique droit. :)" )
  164.               return false;
  165.           }
  166.           return true;
  167.         }
  168.       document.onmousedown=InterditDroit;
  169.       document.onmouseup=InterditDroit;
  170.       if (document.layers)
  171.       window.captureEvents(Event.MOUSEDOWN);
  172.       if (document.layers)
  173.       window.captureEvents(Event.MOUSEUP);
  174.       window.onmousedown=InterditDroit;
  175.       window.onmouseup=InterditDroit;
  176.     </script>
  177. </body> /* miracle, le body correspond ! */
  178. </html>


 
[edit]ca fait quand même directement 55 lignes de moins quand on indente le code comme il faut ;)


Message édité par nicodache le 01-12-2005 à 22:23:49

---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°6285
nicodache
marmotte en chocolat concept ©
Posté le 01-12-2005 à 22:40:07  profilanswer
 

bon, à la demande de m4v, voici une version visuelle du soucis de drazco.
 
l'image manquante en haut est normale, j'ai pas le fichier fond.gif sur mon pc :D
 
et la fenetre en bas à droite est un popup qui s'ouvre automatiquement, même en local :heink: (le JS, saimal ©®)


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°6286
drazco
Un pot de nutella géant
Posté le 01-12-2005 à 23:18:56  profilanswer
 

Houlala va falloir que je pense a tout refaire alors :D
Je vais deja tout relire car c'est vrai que c'est la foire

n°6287
nicodache
marmotte en chocolat concept ©
Posté le 01-12-2005 à 23:34:59  profilanswer
 

ha bein tu le prends pas encore trop mal :)
 
c'est plutot pas mal ;)


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°6288
Dr Lous
I see old password
Posté le 02-12-2005 à 02:07:01  profilanswer
 

clair, ca sent le bon programmeur ca :)  
le gars qui accepte ses erreurs :)
 
:jap:


---------------
Oseras-tu m'affronter ?
n°6289
drazco
Un pot de nutella géant
Posté le 02-12-2005 à 07:19:38  profilanswer
 

Ben, c'est pas mal, car je vois que c'est vraiment foireux ce que jai fait, alors on va essayé de faire quelque chose de potable.
:)

n°6290
tommyboy
Ping ? Pong !
Posté le 02-12-2005 à 08:51:01  profilanswer
 

Pas de potable ^^ ... de nickel !

n°6291
nicodache
marmotte en chocolat concept ©
Posté le 02-12-2005 à 09:36:52  profilanswer
 

lous : tu crois que j'ose proposer son code sur TheDailyWTF ? [:grut]


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°6294
Trracer
Posté le 02-12-2005 à 11:55:34  profilanswer
 

Code :
  1. <style type="text/css">
  2.         <!--
  3.         .titre1 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none}
  4.         .titre2 {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #FFFFFF; text-decoration: none}
  5.         .texte1 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: none; text-align: justify}
  6.         a {  color: #FFFFFF; text-decoration: none}
  7.         -->
  8.         /* elle sert pas à grand chose ta CSS si tu la commentes... */


 
nicodache > la css n'est pas commentée... Elle est invisible pour les clients ne gérant pas la css, mais reste exploitable pour les autres (les commentaires css étant "/* */" exclusivement) ;)

n°6297
nicodache
marmotte en chocolat concept ©
Posté le 02-12-2005 à 15:09:42  profilanswer
 

ha vi juste, je suis con sur ce coup la [:grut]


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°6300
drazco
Un pot de nutella géant
Posté le 02-12-2005 à 17:59:18  profilanswer
 

Ca ira çà comme Doctype ou pas ?  
Car il parle de doctype pour Xhtml et html et je say pas !!
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"  
  2.    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


Message édité par drazco le 02-12-2005 à 18:00:45
n°6301
nicodache
marmotte en chocolat concept ©
Posté le 02-12-2005 à 19:54:03  profilanswer
 

prend le xhtml 1.0 plutot, aski parait ie supporte pas le 1.1 ;)
 
et il manque un bout ;)
 
ton doctype, il est framset, transitional, ou strict ? :D
 
 
moi j'ai ca sur mon site :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°6302
drazco
Un pot de nutella géant
Posté le 02-12-2005 à 20:42:19  profilanswer
 

Alors là j'en sais rien. Je  vais deja voir ce qu'est  
la différence entre tous et on verra aprés :)

n°6303
nicodache
marmotte en chocolat concept ©
Posté le 02-12-2005 à 20:58:50  profilanswer
 

en fait, le doctype explicite le type de code que le browser va trouver à l'intérieur.
et selon le doctype, le browser va utiliser certaines parties de son code pour gérer le rendu à l'écran ;)
 
par exemple, si tu précises frameset, le browser sait qu'il va devoir rendre des pages html dans une page html
 
si tu utilises le strict, il sait qu'il ne doit pas s'attendre à la jouer fineau pour bien rendre la page (toutes les balises ouvertes sont fermées, aucun problème de syntaxe, etc).
 
plus lache que le strict, mais sans frame, le transitionnal, dans lequel le navigateur sait qu'il doit s'attendre à recevoir des codes mal vérifiés, avec des attributs propriétaires (genre max-width pour une colonne de tableau, par exemple).
 
 
selon le doctype que tu choisis, le validateur xhtml (ou html pour les doctype html only) sera plus ou moins agressif envers que ce tu écris.
 
et avec le code que tu nous a pondus, tu passerais pas le validateur du tout je crois :D


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°6304
drazco
Un pot de nutella géant
Posté le 02-12-2005 à 22:00:20  profilanswer
 

Lol, c'est clair pour moi y faut un nouveau doctype
 
Moi ca va etre doctype bourrin ou tout en vrac qu'il me faudrait :D

n°6305
nicodache
marmotte en chocolat concept ©
Posté le 02-12-2005 à 22:05:04  profilanswer
 

je te propose plutot de faire ton site à la dure, xhtml 1.0 strict, et css2, le tout validator compliant :D


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°6306
drazco
Un pot de nutella géant
Posté le 02-12-2005 à 22:42:58  profilanswer
 

Ca va etre super long car je vais pas avoir assez de temps pour m'y consacrer.
Peut etre vais opter pour une solutin toute prette du style  
Dot clear, des web blog tout pret.
Et quand j'aurais le temps alors faire quelque chose de bien.
Et le web blog tournera pendant que je ferrais en parrallèle  
mon site.
C'est pas trop mal c'est truc là ou c'est pourri ??  
T'en pense quoi nicodache ?

n°6307
nicodache
marmotte en chocolat concept ©
Posté le 02-12-2005 à 22:55:12  profilanswer
 

ya ceci dans le haut d'une page produit par dotclear :

Citation :

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


 
et aucune erreur me dit tidy ;)


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°6308
tommyboy
Ping ? Pong !
Posté le 03-12-2005 à 14:41:06  profilanswer
 

dotclear est vraiment bien comme système de blog je trouve.

n°6309
drazco
Un pot de nutella géant
Posté le 04-12-2005 à 12:40:33  profilanswer
 

Ok, merci je vais tester çà !

mood
Google
Posté le 04-12-2005 à 12:40:33  profilanswer
 


Aller à :
Ajouter une réponse

  FORUM Syndrome-OC - Jacky-PC


  Programmation


  Langage interprété(Php, Perl...)


  Problème de dimension de page

 

Plan du forum
Forum MesDiscussions.Net, Version 2007.3
(c) 2000-2008 Doctissimo Software
Page générée en 0.783 secondes
Hit Parade