Affichage bordure tableau IE

Affichage bordure tableau IE - HTML/CSS - Programmation

Marsh Posté le 25-11-2006 à 16:59:12    

Bonjour,
 
Je ne comprends pas pourquoi sous Internet Explorer il apparait des bordures blanches qui encadrent par exemple sur la page d'accueil de l'annuaire les différentes catégories alors que sur Firefox elles n'apparaissent pas.
Adresse du site : http://annuairebateaux.free.fr/Annuaire/index.php
Il y a une feuille .css dont voici le code pour les tableaux:

Code :
  1. table {
  2. border-color:transparent;
  3. border-style:solid;
  4. border-width:0px;
  5. }


Lorsque je met border-width : 1px et couleur noir, il apparait bien le cadre sur firefox, mais sur IE il y a deux cadres qui apparaissent: le noir a l'extérieur et le blanc a l'intérieur.
 
Voila la partie du code qui je pense pose problème dans l'affichage de la page:
 Code dans son intégralité un peu plus bas...


Message édité par ddsjm le 25-11-2006 à 19:38:58
Reply

Marsh Posté le 25-11-2006 à 16:59:12   

Reply

Marsh Posté le 25-11-2006 à 17:34:35    

T'as essayé border:0; ?

Reply

Marsh Posté le 25-11-2006 à 19:06:25    

Oui je viens de tester, mais il n'y a rien qui change.

Reply

Marsh Posté le 25-11-2006 à 19:08:23    

border-style:none; ?
Et puis ton code....  :sweat:


Message édité par dwogsi le 25-11-2006 à 19:08:45
Reply

Marsh Posté le 25-11-2006 à 19:37:59    

J'ai mis border-style:none; dans la feuille .css.
Par contre faut-il que je le mette dans la feuille index.php?
 
je vais mettre le code de la page dans son intégralité:

Code :
  1. <?php
  2. //page principale de l'annuaire
  3. include("data_bd_annuaire.php" ); //variables de l'annuaire
  4. include("functions.php" ); //fonctions de l'annuaire
  5. $cat_id = isset($_GET['cat_id']) ? (int)$_GET['cat_id'] : 0;
  6. if($cat_id < 0)
  7. exit;
  8. $page = isset($_GET['page']) ? (int)$_GET['page'] : 0;
  9. if($page < 0)
  10. exit;
  11. ?>
  12. <html>
  13. <head>
  14. <title>Annuaire</title>
  15. <script language="JavaScript" src="js_annuaire.js"></script>
  16. <link type="text/css" href="annuaire.css" rel="stylesheet">
  17. <?php
  18. //fichier qui contient vos meta-tags et tout ce qui doit venir dans la partie HEAD de vos pages
  19. include("meta.php" );
  20. ?>
  21. </head>
  22. <body>
  23. <?php
  24. //fichier qui contient tout ce qui doit venir avant le code de l'annuaire (menu de gauche....)
  25. include("before.php" );
  26. include ("haut.php" ); //lien divers de l'annuaire (top clics, top votes, ajout,...)
  27. //affichage de l'annuaire
  28. if (empty($cat_id))
  29. //si c'est la page d'accueil qui est demandee
  30. {
  31. //creation des requetes
  32. //nombres de sites et de categories
  33. $sql_nbsites = "SELECT id FROM $T_sites WHERE activation = '1' ";
  34. $sql_nbcats = "SELECT id FROM $T_categories WHERE activation = '1' ";
  35. //on va chercher les categories
  36. $sql_cat = "SELECT id,cat_name FROM $T_categories WHERE id_cat_mere = '0' AND activation = '1' ORDER BY cat_name ASC";
  37. //on va chercher les infos necessaires sur le site
  38. $sql_admin = "SELECT nb_scats_on_index FROM $T_infos ";
  39. //connexion a la BD
  40. $lk = connection_BD();
  41. //envoi des requetes
  42. $res_nbsites = send_sql($sql_nbsites,"trouver le nombre de sites" );
  43. $res_nbcats = send_sql($sql_nbcats,"trouver le nombre de catégories" );
  44. $res_cat = send_sql($sql_cat,"trouver les catégories principales" );
  45. $res_admin = send_sql($sql_admin,"trouver le nombre de sous-catégories à afficher" );
  46. //affichages du nombre de sites et de categories (les requetes sont plus haut)
  47. $nb_sites = mysql_num_rows($res_nbsites);
  48. $nb_cats = mysql_num_rows($res_nbcats);
  49. //on prend le nombre de sous-categories a afficher sous les categories principales
  50. $result = mysql_fetch_array($res_admin,MYSQL_ASSOC);
  51. $nb_scats_onindex = $result["nb_scats_on_index"];
  52. ?>
  53. <center>
  54. <span class="text_index_annuaire">
  55. Cet annuaire contient <?php echo $nb_sites; ?> sites répartis dans <?php echo $nb_cats; ?> catégories
  56. </span>
  57. </center>
  58. <br><br>
  59. <table border="0px"  width="85%" align="center">
  60. <?php
  61. //tableau des categories
  62. //pour chaque categories meres trouvees on les affiche avec leurs X premieres sous-cat
  63. $i=0;
  64. while ($une_categorie = mysql_fetch_array($res_cat,MYSQL_ASSOC))
  65. {
  66.  if ($i%2 == 0) //colonne de gauche et donc nouvelle ligne
  67.   echo "<tr>\n";
  68.  $i++;
  69.  //on affiche la categorie mere
  70.  ?>
  71. <td valign="top" width="50%">
  72. <img src="img/dossier.gif" border=0>
  73. <a href="index.php?cat_id=<?php echo $une_categorie["id"]; ?>" class="link_cat_index_annuaire"><?php echo htmlspecialchars($une_categorie["cat_name"]); ?></a>
  74. <span class="nb_scat_index_annuaire">(<?php echo get_nbsites($une_categorie["id"]); ?> )</span>
  75.  <?php
  76.  //on va voir si il n'y a pas des sous-categories
  77.  $sql_scat = "SELECT id,cat_name FROM $T_categories WHERE id_cat_mere = '$une_categorie[id]' AND activation = '1' ORDER BY position ASC, cat_name ASC LIMIT 0,$nb_scats_onindex ";
  78.  $res_scat = send_sql($sql_scat,"trouver les sous-catégories" );
  79.  echo "\n<br>\n";
  80.  //on affiche les sous-categories
  81.  while ($une_souscat = mysql_fetch_array($res_scat,MYSQL_ASSOC))
  82.  {
  83.   ?>
  84. <a href="index.php?cat_id=<?php echo $une_souscat["id"]; ?>" class="link_scat_index_annuaire"><?php echo htmlspecialchars($une_souscat["cat_name"]); ?></a>
  85. &nbsp;&nbsp;
  86.   <?php
  87.  }
  88.  echo "<br><br>\n";
  89. }
  90. ?>
  91. </table>
  92. <?php
  93. //fin de la connexion
  94. mysql_close($lk);
  95. }
  96. else//if (!empty($cat_id))
  97. //si ce n'est pas la page d'accueil
  98. {
  99. //creation de la requete d'admin
  100. $sql_infos = "SELECT nb_sites_on_page,nb_days2benew FROM $T_infos ";
  101. //connexion a la BD
  102. $lk = connection_BD();
  103. //envoi de la requete
  104. $res_infos = send_sql($sql_infos,"trouver le nombre de sites à afficher par page" );
  105. //traitement du resultat
  106. $result_infos = mysql_fetch_array($res_infos,MYSQL_ASSOC);
  107. $nb_sites_on_page = $result_infos["nb_sites_on_page"];
  108. $nb_days2benew = $result_infos["nb_days2benew"];
  109. if (empty($page))
  110. //premiere page
  111.  $page = 1;
  112. //debut pour la clause LIMIT de la requete des sites
  113. $debut = ($page - 1) * $nb_sites_on_page;
  114. //creation des requetes pour trouver les sous-categories, les sites et la description de la categorie
  115. $sql_descr = "SELECT texte FROM $T_categories WHERE id = '$cat_id' ";
  116. $sql_nb_sites = "SELECT id FROM $T_sites WHERE id_cat = '$cat_id' AND activation = 1 ";
  117. $sql_site = "SELECT *,TO_DAYS(CURRENT_DATE) - TO_DAYS(date_validation) AS dif_days FROM $T_sites WHERE id_cat = '$cat_id' AND activation = 1 ORDER BY niveau ASC,titre ASC LIMIT $debut,$nb_sites_on_page";
  118. $sql_scat = "SELECT id, cat_name FROM $T_categories WHERE id_cat_mere = '$cat_id' AND activation = 1 ORDER BY cat_name ASC";
  119. //envoi des requetes  
  120. $res_descr = send_sql($sql_descr,"trouver la description de cette catégorie" );
  121. $res_nb_sites = send_sql($sql_nb_sites,"trouver le nombre de sites à afficher" );
  122. $res_site = send_sql($sql_site,"trouver les sites à afficher" );
  123. $res_scat = send_sql($sql_scat,"trouver les sous-catégories" );
  124. //calcul du nombre de pages
  125. $nb_sites = mysql_num_rows($res_nb_sites);
  126. $nb_pages = ceil($nb_sites / $nb_sites_on_page);
  127. //affichage de l'arbo_inline
  128. echo "<center>".show_arbo_en_ligne($cat_id)."</center>\n";
  129. ?>
  130. <br>
  131. <hr width="60%">
  132. <br>
  133. <?php
  134. //on affiches les sous-categories  
  135. if (mysql_num_rows($res_scat))
  136. //si il y a des sous-categories
  137. {
  138.  ?>
  139.  <table border="0px" width="80%"  align="center">
  140.  <?php
  141.  $i=0;
  142.  while ($resultat = mysql_fetch_array($res_scat,MYSQL_ASSOC))
  143.  {
  144.   if ($i%2 == 0) //colonne de gauche
  145.    echo "<tr>\n";
  146.   echo "<td border=\"0\" width=\"50%\" align=\"center\" height=30>\n";
  147.   ?>
  148. <img src="img/dossier.gif" border=0>
  149. <a href="index.php?cat_id=<?php echo $resultat["id"]; ?>" class="link_scat_other_annuaire"><?php echo htmlspecialchars($resultat["cat_name"]); ?></a>
  150. <span class="nb_scat_other_annuaire">(<?php echo get_nbsites($resultat["id"]); ?> )</span>
  151.   <?php
  152.   $i++;
  153.  }
  154.  if ($i%2 != 0)
  155.   echo "<td border=\"0\" width=\"50%\" align=\"center\" height=30>&nbsp;\n";
  156.  //fin du tableau puis separateur
  157.  ?>
  158.  </table>
  159.  <br>
  160.  <hr width="75%">
  161.  <br>
  162.  <?php
  163. }
  164. //fin de la connexion
  165. mysql_close($lk);
  166. //on affiche la description de la catégorie
  167. $res_texte = mysql_fetch_array($res_descr,MYSQL_ASSOC);
  168. if ($res_texte["texte"])
  169. //si on a une description a affiche
  170. {
  171.  ?>
  172.  <span class="text_cat_annuaire">
  173.  <?php
  174.  echo htmlspecialchars($res_texte["texte"]);
  175.  ?>
  176.  </span>
  177.  <br><br>
  178.  <?php
  179. }
  180. //on affiche les sites  
  181. if (mysql_num_rows ($res_site))
  182. {
  183.  ?>
  184.  <table border="0px" width="90%"  align="center">
  185.  <?php
  186.  while ($resultat = mysql_fetch_array($res_site,MYSQL_ASSOC))
  187.   affiche_site($resultat);
  188.  ?>
  189.  </table>
  190.  <?php
  191. }
  192. echo "<br><br>\n";
  193. //affichage de la ligne de liens numerotes pour les pages
  194. if ($nb_sites > $nb_sites_on_page)
  195. //si il y a trop de sites a afficher sur la page
  196. {
  197.  ?>
  198.  <center>
  199.  <span class="link_numpage_annuaire">
  200.  <?php
  201.  for ($i=1;$i<$nb_pages;$i++)
  202.  {
  203.   if ($i != $page)
  204.    echo "<a href=\"index.php?cat_id=$cat_id&page=$i\">$i</a>";
  205.   else
  206.    echo "$i";
  207.   echo " - ";
  208.  }
  209.  //on affiche le dernier numero de page (sans tiret apres)
  210.  if ($i == $page)
  211.   echo $i;
  212.  else
  213.   echo "<a href=\"index.php?cat_id=$cat_id&page=$i\">$i</a>";
  214.  ?>
  215.  </span>
  216.  </center>
  217.  <br><br>
  218.  <?php
  219. }
  220. if (!mysql_num_rows($res_site) and !mysql_num_rows($res_scat) ) //pas de site dans la categorie ni de sous categorie
  221. {
  222.  ?>
  223.  <br>
  224.  <span class="no_site_in_cat_annuaire">
  225.  <center>
  226.  Pas encore de sites dans cette catégorie !
  227.  <br>
  228.  Profitez en pour y ajouter votre site si il correspond à cette catégorie
  229.  </center>
  230.  </span>
  231.  <?php
  232. }
  233. echo "</center>\n";
  234. include ("bas.php" ); //pied de la page  
  235. //fichier qui contient tout ce qui doit venir avant le code de l'annuaire (menu de droite....)
  236. include("after.php" );
  237. ?>
  238. </body>
  239. </html>

Reply

Marsh Posté le 25-11-2006 à 21:23:06    

salut  
 
au lieu de :
<table border="0px"  width="85%" align="center">
 
 
tu mets :
<table border="0" cellpadding="0" cellspacing="0"width="85%" align="center">
 
voilà, je crois que ça devrait aller.
sinon, faudra modifier la feuille de style de table (qui en passant me plait pas trop :D)


Message édité par bp68k le 25-11-2006 à 21:24:38

---------------
Shoes Reebok, Montre Ted Lapidus, Veste Devred, Chemises Jules...
Reply

Marsh Posté le 25-11-2006 à 23:23:04    

Je viens de faire ce que vous m'avez dit, mais ca ne marche toujours pas.
Est-ce possible que ça vienne de la feuille de style parceque quand je lui demande une bodure, il me la rajoute autour de la blanche.
 
Merci d'avance

Reply

Marsh Posté le 25-11-2006 à 23:25:33    

teste avec le code que je t'ai donné en virant le lien vers la feuille de style...
 

Code :
  1. <link type="text/css" href="annuaire.css" rel="stylesheet">


 
dis nous ce que ça donne :)


---------------
Shoes Reebok, Montre Ted Lapidus, Veste Devred, Chemises Jules...
Reply

Marsh Posté le 26-11-2006 à 10:51:38    

bonjour,
 
Je viens de faire ce que vous m'avez dit et les cadres n'apparaissent plus.
J'ai bien regardé la feuille de style et il y avait ca:

Code :
  1. td {
  2. font-family:verdana, sans-serif;
  3. font-size:80%;
  4. color:white;
  5. text-align:left;
  6. background-color:transparent;
  7. border-color:transparent;
  8. border-style:solid;
  9. border-width:1px;
  10. }


 
J'ai mis le border-width à 0 et la les cadres ont disparus... :)  
 
Merci beaucoup pour votre aide,
 
JM

Reply

Marsh Posté le 26-11-2006 à 11:42:06    

Reply

Sujets relatifs:

Leave a Replay

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