[CSS] Texte qui centre après chargement

Texte qui centre après chargement [CSS] - HTML/CSS - Programmation

Marsh Posté le 05-12-2010 à 13:25:55    

Bonjour,  
j'ai un petit soucis avec mon code CSS,  
le texte de ma barre de navigation s'aligne a droite du site pendant le chargement de la page puis se centre.  
J'ai beau remuer le CSS dans tout les sens, je ne vois pas pourquoi il réagit comme ça, normalement il devrait se centrer aussitôt :(  
 
voici son code HTML:  
 

Code :
  1. <div id="headermenu">
  2. <div id="menuh">
  4. \*contenu de la barre de navigation*/
  6. <ul id="nav">
  7. <li class="elemmenuh"><a href="[http://www.funeralforamanga.com/]">Accueil</a></li>
  8. <li class="elemmenuh"><a href="[http://www.funeralforamanga.com/blog.html]">Nouveautés</a></li>
  9. <li class="elemmenuh"><a href="[http://www.funeralforamanga.com/forum.html]">Forum</a></li>
  10. <li class="elemmenuh"><a href="[http://www.funeralforamanga.com/livredor.html]">Livre d'or</a></li>
  11. <li class="elemmenuh"><a href="[http://www.funeralforamanga.com/zonemembre.html]">Espace Membre</a></li>
  12. <li class="elemmenuh"><a href="mailto: funeralforamanga@live.fr">Contact</a></li>
  13. <li class="elemmenuh"><a href="[http://www.funeralforamanga.com/forum-cat-71823.html]">Liens Morts?</a></li>
  14. <li class="elemmenuh"><a href="javascript:void(favoris());">Ajouter aux favoris</a></li>
  15. </ul>
  16. <table width=999px align=center background="[http://s3. spam.com /2010/11/20/06/contenu999.jpg]" style="background-repeat: repeat-y;"><tr><td>
  17. <table width=956px align=center><tr><td align=right>
  18. <form action="[http://www.google.fr/cse]" id="cse-search-box" target="_blank">
  19.   <div>
  20.     <input type="hidden" name="cx" value="partner-pub-7075419903379311:y6ttvg-h10f" />
  21.     <input type="hidden" name="ie" value="ISO-8859-1" />
  22.     <input type="text" name="q" size="31" />
  23.     <input type="submit" name="sa" value="Rechercher" />
  24.   </div>
  25. </form>
  26. <script type="text/javascript" src="[http://www.google.fr/cse/brand?form=cse-search-box〈=fr]"></script>
  27. </td></tr></table>
  28. </td></tr></table>
  30. \*fin du contenu de la barre de navigation*/
  32. </div>
  33. </div>


 
voici les code CSS associés aux deux <div>  
 

Code :
  1. #headermenu {
  2. min-width: 999px; 
  3. width:100%;    text-align:center;
  4.     margin:auto; 
  5. }
  7. #menuh
  8. { 
  9. position:relative;
  10. text-align:center;
  11. clear:both;
  12. font-size:14px;
  13. background-repeat:repeat-x;background-position:top center;background-image: url([http://s3. spam.com /2010/11/20/01/NAV.jpg);]
  14. color:#FFFFFF;
  15. font-size:14px;
  16. height:70px;
  17. overflow:visible;
  18. text-align:center;
  19. padding:auto 0;
  20. }


 
A savoir:  
- Le site est configurer de façon a aller sur toutes les résolutions d'écran donc width=100% oblige, je ne sais pas si ça joue.  
- Vous pouvez consulter le CSS complet du site ici: http://s3. spam.com /2010/12/05/01/Stylebug.css
 
Voila, j'espère que quelqu'un pourra m'aider, parce que là je ne vois pas ce qui pose problème ;(  
 
Bonne journée

Reply

Marsh Posté le 05-12-2010 à 13:25:55   

Reply

Marsh Posté le 05-12-2010 à 14:40:02    

url de ton site s'il te plaît.

 

Que fous du HTML dans le <head> </head> ? ton menu n'a rien à y foutre


Message édité par gatsu35 le 05-12-2010 à 14:41:55

---------------
Blablaté par Harko
Reply

Marsh Posté le 05-12-2010 à 18:16:14    

Je vais te rappeler que je ne suis pas ton pote et que tu n'a pas à t'adresse à moi vulgairement, surtout sur un site où ce n'est pas admis!
 
Il y a du html dans mon <head> puisque le <head> sert aussi à mettre les balises meta, codes javascript et autres scripts.
 
Voici l'URL de mon site: http://www.funeralforamanga.com/

Reply

Marsh Posté le 05-12-2010 à 18:20:21    

il y a le code de ton menu dans le <head></head> donc déjà nettoie un peu ton HTML. Car oui c'est super violent, au chargement on a un site puis boom d'un coup on se retrouve avec un truc complètement restylé.
 
Et si tu crois que je t'ai parlé vulgairement, tu devrais te calmer aussi :) je t'ai juste dis que le menu n'a rien à faire dans <head></head>


---------------
Blablaté par Harko
Reply

Marsh Posté le 05-12-2010 à 18:39:22    

Je prends assez mal les "qu'est-ce que fous", enfin bon c'est pas grave, passons.
 
Je suis pas contre nettoyer mon <head>, mais le soucis c'est que du coup pour appliquer des <div> sur toutes les pages sans toutes les éditer ...
 
C'est un site e-monsite avec manager et tout ce qui va bien.

Reply

Marsh Posté le 05-12-2010 à 18:40:34    

ben ce que j'ai du mal à comprendre (cf autre poste à toi) c'est que TOUTES les pages sont en HTML ? ou dynamiquement générées par un outil ?

 

Sans vouloir être méchant tout le code HTML du site est à revoir, il y a des tonnes de choses complètements inutiles les unes des autres.

 

Il y a des pubs/scripts tout partout dans tous les sens, les mettre à la fin de la page pour optimiser le chargement du site.


Message édité par gatsu35 le 05-12-2010 à 19:00:01

---------------
Blablaté par Harko
Reply

Marsh Posté le 05-12-2010 à 21:48:33    

Je ne peux pas mettre mes scripts dans le pied de page, si non ils ne marchent plus,
toutes les pages sont en HTML,
pour ce qui est du code HTML, je ne pense pas qu'il soit tout à revoir, tu peux me donner un exemple de code inutile?


Message édité par nheavy le 05-12-2010 à 21:55:08
Reply

Marsh Posté le 05-12-2010 à 22:50:52    

Ca c'est dans le head alors que il est déjà dans <body>
 

Code :
  1. <div id="header"><center><table width=999px><tr=200px valign=center><td align=left>
  3. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="600" height="190">
  4. <param name="movie" value="http://s3. spam.com /2010/11/18/11/HeaderV2.swf" />
  5. <param name="quality" value="best" />
  6. <param name="menu" value="true" />
  7. <param name="allowScriptAccess" value="always" />
  8. <embed src="http://s3. spam.com /2010/11/18/11/HeaderV2.swf" quality="best" menu="true" width="600" height="190" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="always">
  9. </embed>
  10. </object>
  11. </td><td>
  12. <a href="http://www.funeralforamanga.com/"><img src="http://s3. spam.com /2010/11/20/06/LOGO1.png"></a>
  13. </td></tr></table></center></div>
  15. <link rel="shortcut icon" type="image/x-icon" href="http://s3. spam.com /2010/10/16/01/favicon.ico">
  17. <meta name="google-site-verification" content="QE6Hmvu-htC79VvGAm8zcv0jMNrjOodKQNBUXL6wS7s" />
  19. <META name="y_key" content="adf834ced359a07f">
  21. <div id="menulat" class="menulat"><font size=3><table background="http://s3. spam.com /2010/11/13/11/11676.png" width=205px height=205px ><tr><td align=left style=padding-left:30px><a href="http://www.funeralforamanga.com/" class=lien1>Accueil</a><br><a href="http://www.funeralforamanga.com/blog.html" class=lien1>Nouveautés</a><br><a href="http://www.funeralforamanga.com/forum.html" class=lien1>Forum</a><br><a href="http://www.funeralforamanga.com/livredor.html" class=lien1>Livre d'or</a><br><a href="http://www.funeralforamanga.com/zonemembre.html" class=lien1>Membre</a><br><a href="http://www.funeralforamanga.com/forum-cat-71823.html" class=lien1>Liens Morts ?</a></td></tr></table></font></div>
  23. <div><p class="fleche"><a href="#"><img src="http://s3. spam.com /2010/11/12/06/116762-matte-blue-and-white-square-icon-arrow.png" title="Remonter en haut du site"/></a></p></div>


Après je me demandais pourquoi tu as fais toutes tes pages en HTML ? ce qui signifie que tu as copier/coller le header et la structure de la page dans toutes les pages ?  
en PHP tu aurais pu par exemple utiliser les includes.


---------------
Blablaté par Harko
Reply

Marsh Posté le 06-12-2010 à 17:33:08    

Il y a une mésentente quelque part, je ne copie/colle pas le <head> dans chaque page, et je ne répète pas le code que tu as cité dans le <body>;
 
ça vient sans doute du manager qui ne doit pas coder de la même façon que ce que tu as l'habitude de voir,  
 
le code cité est bien dans le <head>, le <div id="header"> me sert à mettre une image de fond avec le CSS.
 
Je ne comprends pas où tu vois une répétition de ce code :(
 
Si non, la partie que je code moi lorsque je créé une page est situé dans le <div id="contenu">, dans le manager, seul le HTML est pris en compte donc pas de php.
 
Enfin de toute façon je ne vois pas où tu veux en venir, le code n'apparait pas et dans le <head> et dans le <body> , tu m'en ferais quasiment douté mais c'est sûr maintenant que j'ai vérifié.

Reply

Marsh Posté le 06-12-2010 à 19:29:19    

Ce manager est une belle merde dans ce cas :D

 

As-tu pris soin au minimum de regarder le code source de tes pages HTML une fois générées ?
Tu verrais le merdier que c'est o_O


Message édité par gatsu35 le 06-12-2010 à 19:30:01

---------------
Blablaté par Harko
Reply

Marsh Posté le 06-12-2010 à 19:29:19   

Reply

Marsh Posté le 06-12-2010 à 20:40:26    

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Funeral for a Manga</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7. <meta http-equiv="content-language" content="fr" />
  9. <link href="http://static. spam.com /css/sites_layout3.css?v=3.6.0.0.1" rel="styleSheet" type="text/css" />
  10. <link href="http://static. spam.com /css/sites_commun.css?v=3.6.0.0.1" rel="styleSheet" type="text/css" />
  11. <link href="http://www.funeralforamanga.com/styles.css?m=" rel="styleSheet" type="text/css" />
  12. <link href="http://static. spam.com /css/droppy.css?v=3.6.0.0.1" rel="styleSheet" type="text/css" />
  13. <script type="text/javascript" src="http://www.funeralforamanga.com/lng/js/fr/sites-js.js?v=3.6.0.0.1"></script>
  14. <script type="text/javascript" src="http://static. spam.com /js/jquery.min.js?v=3.6.0.0.1"></script>
  16. <script type="text/javascript" src="http://static. spam.com /js/shadowbox-jquery.js?v=3.6.0.0.1"></script>
  17. <script type="text/javascript" src="http://static. spam.com /js/shadowbox.js?v=3.6.0.0.1"></script>
  18. <script type="text/javascript" src="http://static. spam.com /js/jquery.droppy.js?v=3.6.0.0.1"></script>
  19. <script type="text/javascript" src="http://static. spam.com /js/jquery.autocomplete.js?v=3.6.0.0.1"></script>
  20. <script type="text/javascript" src="http://static. spam.com /js/scripts_sites.js?v=3.6.0.0.1"></script>
  21. <script type="text/javascript" src="http://static. spam.com /js/jquery.galleryview-1.1.js"></script>
  22. <script type="text/javascript">
  24. Shadowbox.loadSkin('classic', '/rep/js/skin');
  25. Shadowbox.loadLanguage('fr', '/rep/js/lang');
  26. Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], '/rep/js/player');
  28. $(document).ready(function(){
  29. ChargementShadowbox();
  30. accordeong();
  31. accordeond();
  32. chargementmenu();
  33. $("form#monForm,form#sondage,form#Form" ).submit(function(){ return VerifForm(); });
  34. $('#photos').galleryView({
  35.   panel_width: $('#contenu').width()-2,
  36.   panel_height: 550,
  37.   frame_width: 100,
  38.   frame_height: 100,
  39.   transition_interval: 6000,
  40.   overlay_position: 'bottom',
  41.   overlay_color:'#000000',
  42.   background_color:'#000000',
  43.   overlay_text_color:'#FFFFFF',
  44.   show_captions:false,
  45.   panel_bg_color:'#FFFFFF',
  46.   border: '1px solid #000000'
  47.  });
  48. });
  49. </script>
  50. <meta name="description" content="Regarder vos Mangas favoris en Streaming, Ecouter leurs Thèmes musicaux et Télécharger des Fonds d'écran !" />
  51. <meta name="keywords" content="Streaming,Wallpaper,OST,Manga,Bleach,Claymore,Death,Note,Desert,Punk,Devil,May,Cry,Elfen,Lied,Fairy,Tail,Fate,Stay,Night,Final,Fantasy,VII,Fullmetal,Alchemist,Brotherhood,Great,Teacher,Onizuka,Ikki,Tousen,Samurai,Champloo,Shaman,King,One,Piece,Naruto" />
  52. <div id="header"><center><table width=999px><tr=200px valign=center><td align=left>
  54. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="600" height="190">
  55. <param name="movie" value="http://s3. spam.com /2010/11/18/11/HeaderV2.swf" />
  56. <param name="quality" value="best" />
  57. <param name="menu" value="true" />
  58. <param name="allowScriptAccess" value="always" />
  59. <embed src="http://s3. spam.com /2010/11/18/11/HeaderV2.swf" quality="best" menu="true" width="600" height="190" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="always">
  60. </embed>
  61. </object>
  62. </td><td>
  63. <a href="http://www.funeralforamanga.com/"><img src="http://s3. spam.com /2010/11/20/06/LOGO1.png"></a>
  64. </td></tr></table></center></div>
  66. <link rel="shortcut icon" type="image/x-icon" href="http://s3. spam.com /2010/10/16/01/favicon.ico">
  68. <meta name="google-site-verification" content="QE6Hmvu-htC79VvGAm8zcv0jMNrjOodKQNBUXL6wS7s" />
  70. <META name="y_key" content="adf834ced359a07f">
  72. <div id="menulat" class="menulat"><font size=3><table background="http://s3. spam.com /2010/11/13/11/11676.png" width=205px height=205px ><tr><td align=left style=padding-left:30px><a href="http://www.funeralforamanga.com/" class=lien1>Accueil</a><br><a href="http://www.funeralforamanga.com/blog.html" class=lien1>Nouveautés</a><br><a href="http://www.funeralforamanga.com/forum.html" class=lien1>Forum</a><br><a href="http://www.funeralforamanga.com/livredor.html" class=lien1>Livre d'or</a><br><a href="http://www.funeralforamanga.com/zonemembre.html" class=lien1>Membre</a><br><a href="http://www.funeralforamanga.com/forum-cat-71823.html" class=lien1>Liens Morts ?</a></td></tr></table></font></div>
  74. <div><p class="fleche"><a href="#"><img src="http://s3. spam.com /2010/11/12/06/116762-matte-blue-and-white-square-icon-arrow.png" title="Remonter en haut du site"/></a></p></div>
  76. <!-- Début du script du moteur de recherche //-->
  77. <script type="text/javascript">
  78. function substr_count( haystack, needle, offset, length ) {
  79.      var pos = 0, cnt = 0;
  80.      if(isNaN(offset)) offset = 0;
  81.     if(isNaN(length)) length = 0;
  82.     offset--;
  83.      while( (offset = haystack.indexOf(needle, offset+1)) != -1 ){
  84.         if(length > 0 && (offset+needle.length) > length){
  85.             return false;
  86.         } else{
  87.             cnt++;
  88.         }
  89.     }
  90. return cnt;
  91. }
  93. function rechercheEpisode(titreManga,Version,episode) {
  94. if ((titreManga == "" ) && (episode == "" )) {
  95. if (!confirm("Vous n'avez pas entrer de titre ni de numéro d'épisode !\nCe qui augmente le temp de recherche.\n[Ok] pour continuer" )) {
  96. return false;
  97. }}
  98. if ((titreManga != "" ) && (episode == "" )) {
  99. if (!confirm("Vous n'avez pas entrer de numéro d'épisode !\nCe qui augmente le temp de recherche.\n[Ok] pour continuer" )) {
  100. return false;
  101. }}
  102. if (Version == "toutes" ) {Version = ""}
  103. if (episode != "" ) {
  104. episode = parseInt(episode);
  105. if (!episode) {
  106. alert("Entrez uniquement un numéro d'épisode !\nMerci." );
  107. return false;
  108. }}
  109. $("#resultRech" ).html("Recherche en cours, patientez... <br>Touche [F5] pour annuler" );
  110. Montrer("resultat" );
  111. sitemap = goexterne("http://" +document.domain+ "/sitemap.xml" );
  112. nbreliens = substr_count(sitemap, ".html" );
  113. index = sitemap.indexOf(".html" );
  114. lien = new Array();
  115. nlien = 0;
  116. for (var i = 0; i < nbreliens; i++) {
  117. test = sitemap.substring(sitemap.lastIndexOf("loc", index)+4, sitemap.indexOf("/loc", index)-1);
  118. if (test.indexOf("episode" ) != -1) {
  119. lien[nlien] = test;
  120. nlien++
  121. }
  122. index = sitemap.indexOf(".html",index +5);
  123. }
  124. version = "";
  125. result = "";
  126. cpt = 0
  127. titreLien = new Array;
  128. addrLien = new Array;
  129. for (var i = 0; i < lien.length; i++) {
  130. url = lien[i]
  131. repere =lien[i].indexOf("-a-" );
  132. n1 = parseInt(url.substring(url.lastIndexOf("-",repere-1)+1,repere));
  133. n2 = parseInt(url.substring(url.indexOf(",", repere),repere+3));
  134. if ((episode >= n1) && (episode <= n2) || (episode == "" ))   {
  135. cont = goexterne(url);
  136. contLower = cont.toLowerCase();
  137. titre = cont.substring(contLower.indexOf("title" )+6, contLower.indexOf("\/title" )-1)
  138. if (titre.indexOf("\(VOSTFR\)" ) != -1) {
  139. version = "- Version Originale Sous Titrée Français (VOSTFR) - Episodes ";
  140. }
  141. if (titre.indexOf("\(VF\)" ) != -1) {
  142. version = "- Version Française (VF) - Episodes ";
  143. }
  144. titreLower = titre.toLowerCase();
  145. titreMangaLower = titreManga.toLowerCase();
  146. if ((titreLower.indexOf(titreMangaLower) != -1 ) && (titre.indexOf(Version) != -1)) {
  147. if (episode != "" ) {
  148. titreLien[cpt] = cont.substring(contLower.indexOf("title" )+6, contLower.indexOf("-", contLower.indexOf("title" ))) +version+episode;
  149. addrLien[cpt] = url + "#Episode" + episode;
  150. cpt++
  151. }
  152. else {
  153. titreLien[cpt] = cont.substring(contLower.indexOf("title" )+6, contLower.indexOf("-", contLower.indexOf("title" ))) +version+ "de "+n1+" à "+n2;
  154. addrLien[cpt] = url;
  155. cpt++
  156. }}}}
  157. if (titreLien.length > 0)  {
  158. for (var a = 0; a < cpt; a++) {
  159. result = result + '<a href="' +addrLien[a]+ '">'+titreLien[a]+'<\/a><br>';
  160. }
  161. $("#resultRech" ).html("Résultat de la recherche :<br><br>" +result);
  162. }
  163. else {
  164. message = 'Aucun épisode n° '+episode+'&nbsp;';
  165. if (titreManga != "" ) {
  166. message = 'Aucun épisode de "'+titreManga+'" ';
  167. }
  168. if ((titreManga != "" ) && (episode != "" )) {
  169. message = 'Aucun épisode de "'+titreManga+'" n° '+episode+'&nbsp;';
  170. }
  171. if (Version != "" ) {
  172. Version = 'Version '+Version
  173. }
  174. $("#resultRech" ).html("Résultat de la recherche : <br><br>"+message+Version+ " trouvé !" );
  175. }}
  176. </script>
  177. <!-- Fin du script du moteur de recherche //-->
  179. <script type="text/javascript">
  180.   var _gaq = _gaq || [];
  181.   _gaq.push(['_setAccount', 'UA-18164400-1']);
  182.   _gaq.push(['_trackPageview']);
  183.   (function() {
  184.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  185.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  186.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  187.   })();
  189. </script>
  191. <script language="JavaScript" type="text/javascript">
  192. function favoris() {
  193. if ( navigator.appName != 'Microsoft Internet Explorer' )
  194. { window.sidebar.addPanel("Funeral for a Manga","http://funeral. spam.com /","" ); }
  195. else { window.external.AddFavorite("http://funeral. spam.com /","Funeral for a Manga" ); } }
  196. </script></a>
  197. </head>
  199. <body>
  202. <div id="body">
  207. <div id="header"><h1><a href="http://www.funeralforamanga.com" title="Accueil : Funeral for a Manga">Funeral for a Manga</a></h1></div>
  208. <div id="headermenu">
  210. <div id="menuh">
  211. <ul id="nav">
  212. <li class="elemmenuh"><a href="http://www.funeralforamanga.com/">Accueil</a></li>
  213. <li class="elemmenuh"><a href="http://www.funeralforamanga.com/blog.html">Nouveautés</a></li>
  214. <li class="elemmenuh"><a href="http://www.funeralforamanga.com/forum.html">Forum</a></li>
  215. <li class="elemmenuh"><a href="http://www.funeralforamanga.com/livredor.html">Livre d'or</a></li>
  216. <li class="elemmenuh"><a href="http://www.funeralforamanga.com/zonemembre.html">Espace Membre</a></li>
  217. <li class="elemmenuh"><a href="mailto: funeralforamanga@live.fr">Contact</a></li>
  218. <li class="elemmenuh"><a href="http://www.funeralforamanga.com/forum-cat-71823.html">Liens Morts?</a></li>
  219. <li class="elemmenuh"><a href="javascript:void(favoris());">Ajouter aux favoris</a></li>
  221. </ul>
  223. <table width=999px align=center background="http://s3. spam.com /2010/11/20/06/contenu999.jpg" style="background-repeat: repeat-y;"><tr><td>
  224. <table width=956px align=center><tr><td align=right>
  225. <form id="recherche">
  226. <label for="titre">Titre du manga : <input id="titre" name="titre" type="text" style="width:100px"/> 
  227. <label for="Version">Version : </label>
  228. <select id="Version" name="Version">
  229. <option value="toutes" selected>Toutes</option>
  230. <option value="VF">VF</option>
  231. <option value="VOSTFR" >VOSTFR</option>
  233. </select> 
  234. <label for="num">N° : <input id="num" name="num" type="text" style="width:50px" /> 
  235. <input type="button" value="Rechercher" onClick="rechercheEpisode(this.form.titre.value, this.form.Version.value, this.form.num.value)"/>
  236. </form>
  237. </td></tr></table>
  238. <br>
  239. <center><table id="resultat" style="display:none" width="614px" cellspacing="0" cellpadding="0">
  240.   <tr>
  241.     <td>
  242. <div id="resultRech" style="text-align:center"></div></td>
  243.   </tr>
  244. </table></center>
  245. </td></tr></table></div>
  247. </div>
  250. <div id="contenant">
  251. <div id="menug">
  252. <div class="categorieg"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,bleach,4721414.html" title="Bleach" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/600594175blarge5d5banimepaper5dsb0v2-png.png" border="0" alt="Bleach" /></a></div>
  253. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052240.html"  title="Index">Index
  254. </a></li>
  255. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1026385.html"  title="Synopsis">Synopsis
  256. </a></li>
  257. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1026396.html"  title="Personnages">Personnages
  258. </a></li>
  259. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1026435.html"  title="Streamings">Streamings
  260. </a></li>
  261. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1026439.html"  title="Musiques">Musiques
  263. </a></li>
  264. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026452.html"  title="Fonds d'écran">Fonds d'écran
  265. </a></li>
  266. </ul></div></div>
  268. <div class="categorieg"><span style="text-align:center;"><script language="javascript" type="text/javascript" src="/pub/pub_cote.php?couleur1a=FFFFFF&amp;couleur4a=ffffff&amp;login=funeral&amp;cat=&amp;pro=pub-7075419903379311&amp;emp=gauche"></script></span></div>
  270. <div class="categorieg"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,claymore,4721415.html" title="Claymore" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/950360claymore-jpg.jpg" border="0" alt="Claymore" /></a></div>
  271. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052241.html"  title="Index">Index
  272. </a></li>
  273. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1026632.html"  title="Synopsis">Synopsis
  274. </a></li>
  275. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1026636.html"  title="Personnages">Personnages
  276. </a></li>
  277. <li><a href="http://www.funeralforamanga.com/rubrique,streaming,1026640.html"  title="Streaming">Streaming
  278. </a></li>
  280. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1026642.html"  title="Musiques">Musiques
  281. </a></li>
  282. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026645.html"  title="Fonds d'écran">Fonds d'écran
  283. </a></li>
  284. </ul></div></div>
  286. <div class="categorieg"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,death-note,4721416.html" title="Death Note" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/17969861death-note-8-jpg.jpg" border="0" alt="Death Note" /></a></div>
  287. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052242.html"  title="Index">Index
  288. </a></li>
  289. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1026647.html"  title="Synopsis">Synopsis
  290. </a></li>
  291. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1026650.html"  title="Personnages">Personnages
  292. </a></li>
  293. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1026651.html"  title="Streamings">Streamings
  294. </a></li>
  295. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1026653.html"  title="Musiques">Musiques
  296. </a></li>
  298. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026654.html"  title="Fonds d'écran">Fonds d'écran
  299. </a></li>
  300. </ul></div></div>
  302. <div class="categorieg"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,desert-punk,4721417.html" title="Desert Punk" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/22862035desertpunkepisode1002gq2-jpg.jpg" border="0" alt="Desert Punk" /></a></div>
  303. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052243.html"  title="Index">Index
  304. </a></li>
  305. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1026656.html"  title="Synopsis">Synopsis
  306. </a></li>
  307. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1026657.html"  title="Personnages">Personnages
  308. </a></li>
  309. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1026659.html"  title="Streamings">Streamings
  310. </a></li>
  311. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1026660.html"  title="Musiques">Musiques
  312. </a></li>
  313. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026661.html"  title="Fonds d'écran">Fonds d'écran
  314. </a></li>
  316. </ul></div></div>
  318. <div class="categorieg"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,devil-may-cry,4721418.html" title="Devil May Cry" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/37714259devil-may-cry-1-jpg.jpg" border="0" alt="Devil May Cry" /></a></div>
  319. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052244.html"  title="Index">Index
  320. </a></li>
  321. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1026662.html"  title="Synopsis">Synopsis
  322. </a></li>
  323. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1026663.html"  title="Personnages">Personnages
  324. </a></li>
  325. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1026665.html"  title="Streamings">Streamings
  326. </a></li>
  327. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1026666.html"  title="Musiques">Musiques
  328. </a></li>
  329. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026668.html"  title="Fonds d'écran">Fonds d'écran
  330. </a></li>
  331. </ul></div></div>
  333. <div class="categorieg"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,elfen-lied,4721425.html" title="Elfen Lied" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/39851395elfen-lied-62-jpg.jpg" border="0" alt="Elfen Lied" /></a></div>
  334. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052245.html"  title="Index">Index
  335. </a></li>
  336. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1026669.html"  title="Synopsis">Synopsis
  337. </a></li>
  338. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1026670.html"  title="Personnages">Personnages
  339. </a></li>
  340. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1026673.html"  title="Streamings">Streamings
  341. </a></li>
  342. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1026674.html"  title="Musiques">Musiques
  343. </a></li>
  344. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026675.html"  title="Fonds d'écran">Fonds d'écran
  345. </a></li>
  346. </ul></div></div>
  348. <div class="categorieg"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,fairy-tail,4721426.html" title="Fairy Tail" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/58362978fairy-tail-40-jpg.jpg" border="0" alt="Fairy Tail" /></a></div>
  349. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052246.html"  title="Index">Index
  351. </a></li>
  352. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1026676.html"  title="Synopsis">Synopsis
  353. </a></li>
  354. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1026677.html"  title="Personnages">Personnages
  355. </a></li>
  356. <li><a href="http://www.funeralforamanga.com/rubrique,streaming,1026678.html"  title="Streaming">Streaming
  357. </a></li>
  358. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1026679.html"  title="Musiques">Musiques
  359. </a></li>
  360. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026680.html"  title="Fonds d'écran">Fonds d'écran
  361. </a></li>
  362. </ul></div></div>
  364. <div class="categorieg"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,fate-stay-night,4721427.html" title="Fate Stay Night" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/38383065fate-stay-night-3-14-jpg.jpg" border="0" alt="Fate Stay Night" /></a></div>
  365. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052247.html"  title="Index">Index
  366. </a></li>
  367. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1026681.html"  title="Synopsis">Synopsis
  369. </a></li>
  370. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1026683.html"  title="Personnages">Personnages
  371. </a></li>
  372. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1219362.html"  title="Streamings">Streamings
  373. </a></li>
  374. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1026686.html"  title="Musiques">Musiques
  375. </a></li>
  376. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026687.html"  title="Fonds d'écran">Fonds d'écran
  377. </a></li>
  378. </ul></div></div>
  380. <div class="categorieg"><div style="text-align:center;"><a href="http://www.funeralforamanga.com/categorie,final-fanatsy-vii,4721428.html" title="Final Fanatsy VII" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/79406222final-fantasy-vii-14-jpg.jpg" border="0" alt="Final Fanatsy VII" /></a></div>
  381. </div>
  383. </div>
  384. <div id="menud">
  386. <div class="categoried"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,fullmetal-alchemist,4721430.html" title="Fullmetal Alchemist" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/25092069541931-vdjwz41d6inh2fexx4fod4ymwlcjiy-large-animepaper-wallpapers-full-metal-alchemist-silence-97-h225903-l-png.png" border="0" alt="Fullmetal Alchemist" /></a></div>
  387. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052249.html"  title="Index">Index
  388. </a></li>
  389. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1026696.html"  title="Synopsis">Synopsis
  390. </a></li>
  391. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1026698.html"  title="Personnages">Personnages
  392. </a></li>
  393. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1026699.html"  title="Streamings">Streamings
  394. </a></li>
  395. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1026700.html"  title="Musiques">Musiques
  396. </a></li>
  397. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026701.html"  title="Fonds d'écran">Fonds d'écran
  398. </a></li>
  399. </ul></div></div>
  401. <div class="categoried"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,fullmetal-alchemist-brotherhood,4721431.html" title="Fullmetal Alchemist Brotherhood" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/75191839fullmetal-alchemist-26-2-jpg.jpg" border="0" alt="Fullmetal Alchemist Brotherhood" /></a></div>
  403. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052251.html"  title="Index">Index
  404. </a></li>
  405. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1026702.html"  title="Synopsis">Synopsis
  406. </a></li>
  407. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1026703.html"  title="Personnages">Personnages
  408. </a></li>
  409. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1026706.html"  title="Streamings">Streamings
  410. </a></li>
  411. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1026707.html"  title="Musiques">Musiques
  412. </a></li>
  413. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026708.html"  title="Fonds d'écran">Fonds d'écran
  414. </a></li>
  415. </ul></div></div>
  417. <div class="categoried"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,great-teacher-onizuka,4721432.html" title="Great Teacher Onizuka" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/678882301240973234465-jpg.jpg" border="0" alt="Great Teacher Onizuka" /></a></div>
  418. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052252.html"  title="Index">Index
  419. </a></li>
  421. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1026709.html"  title="Synopsis">Synopsis
  422. </a></li>
  423. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1026710.html"  title="Personnages">Personnages
  424. </a></li>
  425. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1026711.html"  title="Streamings">Streamings
  426. </a></li>
  427. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1026712.html"  title="Musiques">Musiques
  428. </a></li>
  429. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026713.html"  title="Fonds d'écran">Fonds d'écran
  430. </a></li>
  431. </ul></div></div>
  433. <div class="categoried"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,ikki-tousen,4721433.html" title="Ikki Tousen" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/26334218ffgdfvccdc-1-jpg.jpg" border="0" alt="Ikki Tousen" /></a></div>
  434. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052253.html"  title="Index">Index
  435. </a></li>
  436. <li><a href="http://www.funeralforamanga.com/rubrique,saison-1,1061185.html"  title="Saison 1">Saison 1
  437. </a></li>
  439. <li><a href="http://www.funeralforamanga.com/rubrique,saison-2,1061190.html"  title="Saison 2">Saison 2
  440. </a></li>
  441. <li><a href="http://www.funeralforamanga.com/rubrique,saison-3,1061573.html"  title="Saison 3">Saison 3
  442. </a></li>
  443. <li><a href="http://www.funeralforamanga.com/rubrique,saison-4,1219461.html"  title="Saison 4">Saison 4
  444. </a></li>
  445. </ul></div></div>
  447. <div class="categoried"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,naruto-shippuden,4744850.html" title="Naruto Shippuden" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/73805319naruto-0052-jpg.jpg" border="0" alt="Naruto Shippuden" /></a></div>
  448. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1197537.html"  title="Index">Index
  449. </a></li>
  450. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1197546.html"  title="Synopsis">Synopsis
  451. </a></li>
  452. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1197579.html"  title="Personnages">Personnages
  453. </a></li>
  454. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1197625.html"  title="Streamings">Streamings
  455. </a></li>
  457. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1197630.html"  title="Musiques">Musiques
  458. </a></li>
  459. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1197635.html"  title="Fonds d'écran">Fonds d'écran
  460. </a></li>
  461. </ul></div></div>
  463. <div class="categoried"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,one-piece,4744849.html" title="One Piece" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/31922645yyargg65-jpg.jpg" border="0" alt="One Piece" /></a></div>
  464. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1187269.html"  title="Index">Index
  465. </a></li>
  466. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1187293.html"  title="Synopsis">Synopsis
  467. </a></li>
  468. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1187398.html"  title="Personnages">Personnages
  469. </a></li>
  470. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1188669.html"  title="Streamings">Streamings
  471. </a></li>
  472. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1189452.html"  title="Musiques">Musiques
  473. </a></li>
  475. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1189454.html"  title="Fonds d'écran">Fonds d'écran
  476. </a></li>
  477. </ul></div></div>
  479. <div class="categoried"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,samurai-champloo,4721434.html" title="Samurai Champloo" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/62538733samurai-champloo-34-jpg.jpg" border="0" alt="Samurai Champloo" /></a></div>
  480. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052254.html"  title="Index">Index
  481. </a></li>
  482. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1040265.html"  title="Synopsis">Synopsis
  483. </a></li>
  484. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1037766.html"  title="Personnages">Personnages
  485. </a></li>
  486. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1037822.html"  title="Streamings">Streamings
  487. </a></li>
  488. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1037849.html"  title="Musiques">Musiques
  489. </a></li>
  490. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1038016.html"  title="Fonds d'écran">Fonds d'écran
  491. </a></li>
  493. </ul></div></div>
  495. <div class="categoried"><div style="text-align:center;" class="titremenu"><a href="http://www.funeralforamanga.com/categorie,shaman-king,4721435.html" title="Shaman King" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/43251657shaman-king-7-jpg.jpg" border="0" alt="Shaman King" /></a></div>
  496. <div class="contenumenu"><ul><li><a href="http://www.funeralforamanga.com/rubrique,index,1052255.html"  title="Index">Index
  497. </a></li>
  498. <li><a href="http://www.funeralforamanga.com/rubrique,synopsis,1037313.html"  title="Synopsis">Synopsis
  499. </a></li>
  500. <li><a href="http://www.funeralforamanga.com/rubrique,personnages,1037772.html"  title="Personnages">Personnages
  501. </a></li>
  502. <li><a href="http://www.funeralforamanga.com/rubrique,streamings,1037826.html"  title="Streamings">Streamings
  503. </a></li>
  504. <li><a href="http://www.funeralforamanga.com/rubrique,musiques,1037855.html"  title="Musiques">Musiques
  505. </a></li>
  506. <li><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1038018.html"  title="Fonds d'écran">Fonds d'écran
  507. </a></li>
  508. </ul></div></div>
  510. <div class="categoried"><div style="text-align:center;"><a href="http://www.funeralforamanga.com/rubrique,fonds-d-ecran,1026452.html" title="Fonds d'écran" target="_top"><img src="http://www. spam.com /s/2010/05/28/funeral/32055600vide-png.png" border="0" alt="Fonds d'écran" /></a></div>
  511. </div>
  513. <div class="categoried"><span style="text-align:center;"><script language="javascript" type="text/javascript" src="/pub/pub_cote.php?couleur1a=FFFFFF&amp;couleur4a=ffffff&amp;login=funeral&amp;cat=&amp;pro=pub-7075419903379311&amp;emp=gauche"></script></span></div>
  515. </div>
  518. <div id="contenu">
  519. <style type="text/css">
  520. a{ text-decoration:none; font-size:16px}
  521. </style>
  523. <center>
  524. <table width="636px" cellspacing="0" cellpadding="0">
  525.   <tr height="12px">
  526.     <td width="11px"background="http://s3. spam.com /2010/08/01/12/HD.gif">
  528.     </td>
  529.     <td width=614px bgcolor="#404040">
  530.     </td>
  531.     <td width="11px" background="http://s3. spam.com /2010/08/01/12/HG.gif" >
  532.     </td>
  533.   </tr>
  534.   <tr valign=top>
  535.     <td bgcolor="#404040">
  536.     </td>
  538.     <td bgcolor="#404040">
  539.       <table width=580px>
  540. <tr height=1035px valign=top>
  541. <td><table align=center>
  542.  <tr height=200px valign=center>                  <td><a href="http://www.funeralforamanga.com/rubrique,guide-du-site,1183761.html" title="Pensez à lire le Guide du Site pour faciliter votre navigation !"><img src="http://s3. spam.com /2010/08/30/05/map-app.jpg" width=128px height=128px></a>
  543.  </td>  <td style="padding-left:20px"><a href="http://www.funeralforamanga.com/rubrique,guide-du-site,1183761.html" title="Pensez à lire le Guide du Site pour faciliter votre navigation !">Guide du Site</a>
  544.  </td>               <td style="padding-left:50px"><a href="http://www.funeralforamanga.com/rubrique,item-shop,1109074.html" title="Soutenez Funeral for a Manga en achetant des Items !"><img src="http://s3. spam.com /2010/08/30/05/full-shopping-cart-icon.jpg" width=128px height=128px></a>
  545.  </td>                  <td style="padding-left:20px"><a href="http://www.funeralforamanga.com/rubrique,item-shop,1109074.html" title="Soutenez Funeral for a Manga en achetant des Items !">Item Shop</a></td></tr></table>
  547. <br>
  548. <br>
  549. <br>
  550. <table><tr><td><a href="http://www.funeralforamanga.com/rubrique,accueil-2,1194240.html#1"><img src="http://s3. spam.com /2010/08/30/05/PinkLuma.jpg" width=128px height=128px></a></td><td style="padding-left:20px"><a href="http://www.funeralforamanga.com/rubrique,accueil-2,1194240.html#1"><font size=4><u>Animés en cours d'ajout sur Funeral for a Manga</u></font></a></td></tr></table>
  551. <br>
  552. <br>
  553. <br><table><tr><td><a href="http://www.funeralforamanga.com/rubrique,accueil-2,1194240.html#2"><img src="http://s3. spam.com /2010/08/30/05/GreenLuma.jpg" width=128px height=128px></a></td><td style="padding-left:20px"><a href="http://www.funeralforamanga.com/rubrique,accueil-2,1194240.html#2"><font size=4><u>Liste d'attente des Animés proposés par les fans</u></font></a></td></tr></table>
  554. <br>
  555. <br>
  556. <br><table><tr><td><a href="http://www.funeralforamanga.com/rubrique,accueil-2,1194240.html#3"><img src="http://s3. spam.com /2010/08/30/09/BlueLuma.jpg" width=128px height=128px></a></td><td style="padding-left:20px"><a href="http://www.funeralforamanga.com/rubrique,accueil-2,1194240.html#3"><font size=4><u>Offres d'emplois pour les Bénévoles</u></font></a>
  557. </td></tr></table>
  558. </td></tr></table>
  559. <br>
  560. <br><center><a href="http://forum.cibermonde.com/"target="_blank"><img src="http://s3. spam.com /2010/10/28/07/kit_graphique.gif"></a></center>
  562.     </td>
  563.     <td bgcolor="#404040">
  564.     </td>
  565.   </tr>
  566.   <tr height="12px">
  567.     <td background="http://s3. spam.com /2010/08/01/12/BG.gif">
  568.     </td>
  569.     <td width=614px bgcolor="#404040">
  570.     </td>
  572.     <td width="11px" background="http://s3. spam.com /2010/08/01/12/BD.gif" >
  573.     </td>
  574.   </tr>
  575. </table>
  576. <br>
  577. <br>
  578. <table width="636px" cellspacing="0" cellpadding="0">
  579.   <tr height="12px">
  580.     <td width="11px"background="http://s3. spam.com /2010/08/01/12/HD.gif">
  581.     </td>
  582.     <td width=614px bgcolor="#404040">
  584.     </td>
  585.     <td width="11px" background="http://s3. spam.com /2010/08/01/12/HG.gif" >
  586.     </td>
  587.   </tr>
  588.   <tr>
  589.     <td bgcolor="#404040">
  590.     </td>
  591.     <td bgcolor="#404040">
  592. <SCRIPT type="text/javascript" SRC="http://www.manga-exchange.com/affichban.php?id=198"></SCRIPT>
  594. <br>
  595. <div align=right>© 2010 Funeral for a Manga - All rights reserved</div>
  596.     </td>
  597.     <td bgcolor="#404040">
  598.     </td>
  599.   </tr>
  600.   <tr height="12px">
  601.     <td background="http://s3. spam.com /2010/08/01/12/BG.gif">
  602.     </td>
  604.     <td width=614px bgcolor="#404040">
  605.     </td>
  606.     <td width="11px" background="http://s3. spam.com /2010/08/01/12/BD.gif" >
  607.     </td>
  608.   </tr>
  609. </table>
  610. </center>
  611. <br>
  612. <br>
  613. <br>
  614. <style color=black></div>
  616. <div id="menub">
  617. <ul>
  618. </ul> </div>
  619. </div>
  620. <div id="footer"></div>
  623. <script type="text/javascript">
  624. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www." );
  625. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E" ));
  626. </script>
  627. <script type="text/javascript">
  628. var pageTracker = _gat._getTracker("UA-18164400-1" );
  629. pageTracker._initData();
  630. pageTracker._trackPageview();
  631. </script>
  633. <script type="text/javascript">
  634. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www." );
  635. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E" ));
  636. </script>
  637. <script type="text/javascript">
  638. var pageTracker = _gat._getTracker("UA-874445-14" );
  639. pageTracker._initData();
  640. pageTracker._trackPageview();
  641. </script>
  643. <script type="text/javascript">
  644. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www." );
  645. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E" ));
  646. </script>
  647. <script type="text/javascript">
  648. try {
  649. var pageTracker = _gat._getTracker("UA-874445-24" );
  650. pageTracker._trackPageview();
  651. } catch(err) {}</script>
  653. </div>
  654. </body>
  655. </html>


 
Il n'y a aucune merde dans ce code, merci pour les commentaires que tu as donné, toutefois vu que ça n'a aucun rapport avec mon problème et que tu semble simplement là pour critiquer, je préférerais que quelqu'un d'autre m'aide.

Reply

Marsh Posté le 06-12-2010 à 20:55:14    

il y en a une tonne
Aller hop je vais toutes les énumérées en partant du code ici, et en indiquant le numéro de ligne :  
l 52 à 64 :
du HTML en plein dans le <head>, je ne vois pas ce que ça fait là.
 
l 72 à 74 : idem il y a du HTML qui n'a rien à faire là.
 
l 76 à 196 : du javascript qui ferait mieux d'aller dans un fichier externe, cela permettra une mise en cache du fichier JS et de meilleures performances au chargement de la page.
 
l 223 : un tableau inutile, ainsi qu'une propriété width avec px au bout, c'est inutile puis l'attribut width fonctionne avec des px par défaut :  

Citation :


<table width=999px align=center  


 
coeur de page : tableau HTML qui ne sert à rien  
 
Sinon en bas de la page :  
ligne 623 à 651, tu as 3 scripts google analytics, ça ne sert strictement à rien puisque de toute façon google analytics n'analyse qu'un seul site à la fois.
 
Tu passes cette page dans un validateur HTML, le validateur rend l'âme avant :D


---------------
Blablaté par Harko
Reply

Marsh Posté le 06-12-2010 à 21:08:15    

Bon résumons:
 
le html est dans le <head> parce qu'il ne fonctionne pas ailleurs (div réservé aux pubs pro, pied de page, etc)
 
le javascript est du domaine de l'experimental donc je ne vais pas m'embêter à Uploader des fichiers si je ne le garde pas,
 
les px dans le tableau, c'est pour moi, histoire de ne pas ma planter et comme tu l'as dit qu'ils y soient ou non ne change rien,
 
le tableau en milieu de page qui ne sert a rien comme tu dis, c'est tout simplement les cadres arrondis sur mon site sous le contenu de mon site, plutôt utile donc,
 
l'analytics est celui de e-monsite donc je ne peux pas le modifier et je suppose que si ils en ont mis 3, ils ont leur raisons.

Message cité 1 fois
Reply

Marsh Posté le 08-12-2010 à 03:25:39    

nheavy a écrit :

Bon résumons:
 
le html est dans le <head> parce qu'il ne fonctionne pas ailleurs (div réservé aux pubs pro, pied de page, etc)


Tu ne peux pas mettre ces éléments dans le head, le langage ne le permet pas.
 

Citation :

les px dans le tableau, c'est pour moi, histoire de ne pas ma planter et comme tu l'as dit qu'ils y soient ou non ne change rien,


Sauf erreur, la seule unité qu'il est permis d'inscrire pour un width c'est le "%". Par défaut ce sont des px.

Reply

Marsh Posté le 08-12-2010 à 06:29:34    

Laisse tomber, il est trop difficile de discuter avec des têtes de mules
Quand tu leurs dit qu'il faut mieux passer par des includes soit SSI (server side includes) soit PHP et que tu leur dit que le HTML De leur site est mal fait mais qu'ils trouvent toujours une excuse, c'est peine perdue. Alors qu'en corrigeant les défauts principaux, ça règles leur problème et une grosse partie des problèmes à venir. Dans tous les cas moi j'abandonne les têtes de mule.


---------------
Blablaté par Harko
Reply

Marsh Posté le 16-12-2010 à 09:34:04    

yop
 
je ne maîtrise pas tout sur le html, loin de là, mais une chose me gêne...
après peut être ai-je mal compris cette fonction ... ;)
mais je pense que ta bannière et ton menu son fixe sur toutes tes pages, non ?
 
 
 
 
Code :
 
   1. #headermenu {
   2. min-width: 999px;  
   3. width:100%;    text-align:center;
   4.     margin:auto;  
   5. }
   6.
   7. #menuh
   8. {  
   9. position:relative;       /* c'est là en fait, j'aurai mis "position: absolute;" => essaye, je pense que tu n'auras plus ton problème, car à priori tu l'as surtout au rechargement de ta page... ;) ) */
  10. text-align:center;
  11. clear:both;
  12. font-size:14px;
  13. background-repeat:repeat-x;background-position:top center;background-image: url([http://s3. spam.com /2010/11/20/01/NAV.jpg);]
  14. color:#FFFFFF;
  15. font-size:14px;
  16. height:70px;
  17. overflow:visible;
  18. text-align:center;
  19. padding:auto 0;
  20. }


Message édité par Profil supprimé le 16-12-2010 à 09:36:29
Reply

Marsh Posté le 17-12-2010 à 19:04:14    

Bonjour,
merci pour ta réponse,
malheureusement ça ne marche pas,
le <div> du menu s'aligne carrément à gauche
et le texte se centre encore après le chargement de la page,
sauf que là il se centre dans une boite de 999px de largeur depuis la gauche.
Si tu voit autre chose qui pourrait être incriminé,  
je suis tout ouïe ^^
 
Edit: Je viens d'alléger le CSS de quelques lignes pour voir ce que ça donnait, il en découle que des améliorations mais malheureusement, ce soucis là n'est pas réglé.
 
Voici le nouveau code:
 

Code :
  1. #headermenu
  2. {
  3. }
  5. #menuh
  6. { 
  7. position:relative;
  8. background-repeat:repeat-x;
  9. background-position:top center;
  10. background-image: url(http://s3. spam.com /2010/11/20/01/NAV.jpg);
  11. height:70px;
  12. margin-top: -20px
  13. }
  16. /* Style des liens dans le menu haut horizontal*/
  17. #menuh a
  18. {
  19. text-align:center;
  20. color:#FFFFFF;
  21. font-size:14px;
  22. font-weight:bold;
  23. text-decoration:none;
  24. height:30px;
  25. line-height:30px;
  26. padding:0 10px;
  27. }
  29. /* Style des liens dans le menu haut horizontale, une fois survolé*/
  30. #menuh a:hover
  31. {
  32. color:#ffffff;
  33. text-decoration:underline;
  34. }


Message édité par nheavy le 17-12-2010 à 22:38:32
Reply

Marsh Posté le 19-12-2010 à 12:26:47    

je viens de dl ta page, je vais tenter qq trucs ... si ca marche je te donnerai la solution, sinon, ben désolé ... (je rappelle que je débute, hein, faut pas forcément s'attendre à un miracle... ;) )

Reply

Marsh Posté le 19-12-2010 à 13:02:09    

Le site doit être repris de zero c'est une daube sans nom, déjà en corrigeant le HTML tu n'auras déjà plus tous ces problèmes, après tu veux pas nous écouter, et ce n'est pas en bricolant des solutions de merde que tu arriveras à tes fins, le jour où tu voudras changer le design de ton site, tu en chieras comme pas deux.


---------------
Blablaté par Harko
Reply

Marsh Posté le 19-12-2010 à 19:20:38    

waip ... est ce une façon d'intervenir sur un forum d'entraide ???
 
c'est son choix de poursuivre son site, et même si il ne convient pas à un puriste tel que toi Gatsu35, il faut quand reconnaître que le résultat n'est pas moche ;)
 
et priori sans trop de bugs non plus ...
 
bref, aide si tu peux ou change de topic ce serait sympa !! :)
 
(t'as peut être une solution à proposer, alors poste ton code ...)
 
merci pour lui !!! ;)

Reply

Marsh Posté le 19-12-2010 à 19:52:49    

J'ai déjà fait une analyse sur son site en lui expliquant que son menu est situé dans le <head> et qu'il n'a rien à y faire. Et autre surtout il devrait changer de solution toute faite pour faire les sites, e-monsite est une merde sans nom. Je sais de quoi je parle.


---------------
Blablaté par Harko
Reply

Marsh Posté le 19-12-2010 à 20:29:49    

Merci encore Gatsu pour ton intervention qui me sera de la plus grande utilité mais comme dit trex:
 
"aide si tu peux ou change de topic"
 
Merci trex d'essayer de régler le problème ;)

Reply

Marsh Posté le 19-12-2010 à 22:12:02    

Reply

Marsh Posté le 19-12-2010 à 22:28:56    

Super intéressant ce post où mon code HTML est vérifié,  
en quoi ça réponds à ma question qui concerne le CSS?

Reply

Marsh Posté le 19-12-2010 à 22:34:40    

Un html foireux peut compromettre l'interprétation correcte des CSS.


Message édité par Skopos le 19-12-2010 à 22:35:51
Reply

Marsh Posté le 19-12-2010 à 22:51:21    

Laisse skopos, c'est pas faute de lui avoir dit 30x

Message cité 1 fois

---------------
Blablaté par Harko
Reply

Marsh Posté le 20-12-2010 à 00:10:53    

Enfin une explication au "pourquoi les gens s'intéressent à mon HTML?" !
 
Je te remercie Skopos ,cependant ça ne vient pas de là logiquement.
 
Anciennement, avec un autre CSS,
je n'avais pas ce  problème alors que c'était exactement le même HTML.
 
Donc je le dis haut et fort, le HTML n'est pas incriminé !

Message cité 1 fois
Reply

Marsh Posté le 20-12-2010 à 01:24:55    

gatsu35 a écrit :

Laisse skopos, c'est pas faute de lui avoir dit 30x


Me suis donné 3 petits post :D

nheavy a écrit :

Enfin une explication au "pourquoi les gens s'intéressent à mon HTML?" !
 
Je te remercie Skopos ,cependant ça ne vient pas de là logiquement.
 
Anciennement, avec un autre CSS,
je n'avais pas ce  problème alors que c'était exactement le même HTML.
 
Donc je le dis haut et fort, le HTML n'est pas incriminé !


Et moi je vais te le dire différemment. Tripatouiller une CSS sur la base d'un html foireux c'est du masochisme car les comportements deviennent  imprévisibles... alors les raisonnement logiques... [:michaeldell]  
Je ne suis qu'un amateur, je dois pas avoir le centième des connaissances de Gatsu dans le domaine mais perdre des heures et s'arracher les cheveux à tenter de régler des pb CSS sur un html non-valide et les régler en 15min après avoir rendu le doc valide ça m'a servi de leçon. J'aurai bien voulu qu'on me le dise avant.
 
(en fait je connaissais les validateurs mais je prenais ça pour une lubby d'intégristes élitiste, un truc juste bon pour se  [:belzedar] et complètement inutile)
 
 
 
 
 

Reply

Marsh Posté le 20-12-2010 à 02:12:51    

Bon, vu que l'auteur du topic est venu se plaindre à la modération des réponses qu'il a eues, "qui ne répondent pas à son problème" et mettent du bruit inutile dans le topic, alors que si, elles y répondaient très bien, sauf pour un paresseux qui préférerait garder un code html pourri de chez pourri qui fonctionne par hasard dans certains cas et ne fonctionne pas (la encore par hasard) dans d'autres cas, plutôt que de recoder correctement son html (ce qui pourtant doit pas prendre bien longtemps), je ferme le topic, parce qu'il y a des limites a ma patience modératrice devant ce type de comportement.
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed