Un simple lien qui ne fonctionne pas toujours

Un simple lien qui ne fonctionne pas toujours - HTML/CSS - Programmation

Marsh Posté le 06-03-2006 à 23:31:53    

Le problème:
J'ai un sommaire mis en page par des <div id=""></div>. Bien entendu il contient des liens <a href=""></a>, mais ceux-ci ne fonctionnent pas toujours. Les deux premiers ne fonctionnent plus du tout. Lorsque je déplace ma div sur la droite (dans mon css je met un left plus grand), les liens deviennent alors opérationnel.  
Pourtant rien ne semblait les recouvrir ou empêcher le lien de fonctionner. Ca ressemble à une histoire div de css qui recouvrer mon lien pourtant quand je regarde mon code, il semble pas que se soit ça.
 
Voici mon css

Code :
  1. body{
  2. overflow-x:hidden;
  3. background-color: #000000;
  4. color: #000000;
  5. }
  7. .haut{
  8. position: absolute;
  9. top: -20px;
  10. left: 180px;
  11. }
  13. .visible_droite{
  14. font:normal 14px Times New Roman, Verdana;
  15. position: absolute;
  16. width: 620px;
  17. height: 420px;
  18. top: 110px;
  19. left: 375px;
  20. scrollbar-3dlight-color : #123456;
  21.        overflow: auto;
  22.        border: 1px solid #993300;
  23. padding: 10px;
  24. text-align:justify;
  25. visibility: visible;
  26. font-weight:bold;
  27. }
  28. .cache{
  29. font:normal 12px Times New Roman, Verdana;
  30. position: absolute;
  31. width: 350px;
  32. height: 400px;
  33. top: 20px;
  34. left: 0px;
  35. scrollbar-3dlight-color : #000000;
  36.        overflow: auto;
  37.        border: 0px solid #000;
  38. visibility: hidden;
  39. }
  40. .texte{
  41. text-align:justify;
  42. }
  44. .no_contour{border:0px;}
  46. A.texte:hover{
  47. font-size: 12px;
  48. color: #FFFFFF;
  49. text-decoration: underline overline;
  50. }
  52. A.texte{
  53. font-size: 12px;
  54. color: #FF9900;
  55. text-decoration: none;
  56. }
  58. A{
  59. font-size: 16px;
  60. color: #123456;
  61. text-decoration: underline;
  62. }
  63. A:hover{
  64. font-size: 16px;
  65. color: #993300;
  66. text-decoration: underline;
  67. }
  69. A.interne{
  70. font-size: 16px;
  71. color: #123456;
  72. text-decoration: none;
  73. }
  75. #bloc {font-family: Arial ; font-size: 14px ; text-align: center ;
  76.  background-color: #FFFFFF ; visibility: visible;
  77.  position: absolute ; left:0px; top: 90px ; height: 450px; width: 1000px ;
  78.  overflow: auto; overflow-x:hidden; overflow-y:hidden; }
  79. #image {background-color: #FFFFFF ;
  80.  position: absolute ; visibility: visible; top: 0px ; height: 450px; width: 3072px ;
  81.  overflow: auto; overflow-x: hidden; overflow-y:hidden;
  82.  border: 5px solid #000000;}
  84. #sommaire_haut {font-family: Arial ; font-size: 10px ; text-align: center ; color: #FFFFFF;
  85.  background-color: #000000 ; visibility: visible; background:url("../sommaire_haut_fond.gif" ); background-repeat: no-repeat;
  86.  position: absolute ; top: 70px ; width: 1015px; left: 0px;  }
  88. #sommaire_bas {font-family: Arial ; font-size: 12px ; text-align: center ; color: #FFFFFF;
  89.  background-color: #000000 ; visibility: visible; background:url("../bloc_fond.gif" ); background-repeat: no-repeat;
  90.  position: absolute; top: 540px ; width: 1015px; height: 0; left: 0px;  }
  92. input{
  93. border:0px solid black;
  94. background-color:black;
  95. color:white;
  96. }
  97. input.radio{
  98. border-color=#FFFFFF;
  99. }
  100. input.submit{
  101. width:25px;
  102. height:20px;
  103. }
  105. .couleurs{
  106. position: absolute;
  107. top: 5px;
  108. left: 5px;
  109.        overflow: no;
  110. visibility: visible;
  111. }
  112. .connect{
  113. font: normal 10px Verdana;
  114. position: absolute;
  115. top: 0px;
  116. left: 810px;
  117.        overflow: no;
  118. visibility: visible;
  119. color: #FF9900;
  120. }
  121. .login{
  122. font: normal 10px Verdana;
  123. visibility: visible;
  124. color: #FF9900;
  125. }
  126. td:hover{
  127. color:#000000;
  128. }
  129. b{
  130. font-family: Arial ; font-size: 16px ; color: #123456;
  131. }
  132. h2{
  133. color: #123456;
  134. }
  135. .sign{
  136. text-align: right;
  137. }
  138. input{
  139. border:1px outset #123456;
  140. cursor:pointer;
  141. }
  142. .note{
  143. font:normal 14px Times New Roman, Verdana;
  144. color: #FF9900;
  145. }
  147. .formulaire{
  148. color: #FF9900;
  149. }


 
Et voici mon sommaire:

Code :
  1. <?
  2. require('connexion.php');
  3. if (isset($_COOKIE["login"])){
  4. $_SESSION['login'] = $_COOKIE['login'];
  5. }
  6. if(!isset($_SESSION['login'])) {
  7. echo '
  8. <div class="connect">
  9. <form action="login.php" method=\'post\'>
  10. <table>
  11. <tr>
  12. <td><table>
  13. <tr>
  14.  <td class="login">Login</td>
  15.  <td class="login"><input type="text" name="login" maxlength="250" size="10"></td>
  16. </tr>
  17. <tr>
  18.  <td class="login">Password</td>
  19.  <td class="login"><input type="password" name="pwd" maxlength="10" size="10"></td>
  20. </tr>
  21. </table></td>
  22. <td><input type="submit" value="Log"></td>
  23. </tr>
  24. </table>
  25. </form></div>';
  27. }
  28. else{
  29. echo '<div class="connect">
  30. <table>
  31. <tr>
  32.  <table>
  33.  <tr><td class="login" width="80" align="center"><i>Connecté</i></td></tr>
  34.  </table>
  35. </tr>
  36. <tr>
  37.  <table><tr>
  38.  <td class="login">';
  39.  $login=$_SESSION['login'];
  40.  $query ="SELECT login_user, pwd_user, pseudo_user FROM tbl_user WHERE login_user=\"$login\"";
  41.  $result = mysql_query($query) or die(mysql_error())  ;
  42.  while ($data = mysql_fetch_array($result)) {
  43.  $login=$data["login_user"];
  44.  echo $data["login_user"]; echo " | "; echo $data["pseudo_user"];
  45.  }
  46.  echo '</td>
  47.  </tr></table>
  48. </tr>
  49. </table>
  50.  </div>';
  51. }
  52. ?>
  54. <html>
  56. <head>
  57. <title>Warhammer - Marteau 2 Guerre.com - jdr online</title>
  58. <link rel="shortcut icon" href="favicon.ico" >
  59. </head>
  61. <body>
  62. <div id="sommaire_haut">
  63. §
  64. <a href="index.php" class="texte">Accueil</a> §
  65. <a href="guilde/bloc.php" class="texte">La Guilde</a> §
  66. <a href="monde/bloc.php" class="texte">Le Monde</a> §
  67. <a href="personnages/bloc.php" class="texte"> Personnages </a> §
  68. <a href="consommateurs/bloc.php" class="texte"> Guide du consommateurs </a> §
  69. <a href="bestiaire/bloc.php" class="texte"> Bestiaire </a> §
  70. <a href="media/bloc.php" class="texte"> Média </a> §
  71. <a href="communaute/bloc.php" class="texte"> Communauté </a> §
  72. <p>
  73. </div>
  74. <div class="couleurs">
  75. <form method="post" action="<?php $_SERVER['PHP_SELF'] ?>">
  76. <div class="note">Changer d'interface</div><br>
  77.   <select name="style">
  78.    <option value="orange_bleu" selected="selected">Bleu</option>
  79.    <option value="rouge_gold">Rouge</option>
  80.   </select>
  81.   <input type="submit" name="change_style" class="submit" value="Ok" />
  82. </form>
  83. </div>
  86. <div class="haut">
  87. <center><img src="haut.jpg"></center>
  88. </div>
  91. </body>
  92. </html>


 
Accueil et guilde ne fonctionnent plus. Se sont pourtant de simples liens.
Je ne sais pas si c'est vraiment simple comme problème mais là je bloque... :??:  
 
Merci d'avance de votre aide. Si beosin est posez vos questions.

Reply

Marsh Posté le 06-03-2006 à 23:31:53   

Reply

Marsh Posté le 06-03-2006 à 23:35:43    

C'est forcément une histoire de recouvrement. Mets des bordures sur les DIV suspects pour les faire apparaître.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 07-03-2006 à 09:58:34    

bon sans parler des css et de tes liens qui "ne marchent pas", je voudrais juste souligner le fait que la ton php il crache du code html en dehors du body ( et même en dehors de l'html) ce qui est particulierement pas beau et pas recommandé!
 
Par ailleurs il manque également un doctype pour la route!

Reply

Marsh Posté le 07-03-2006 à 11:57:55    

Merci alors:
 
J'ai testé les DIV avec différentes couleurs, il n'y a aucun prblème apparrant.
J'ai un tout petit peu réarranger mon code, mais je poursuivrait quand j'aurai résolu ce problème.
Je ne sait pas ce qu'est un doctype donc je verrai ça un de ces quatre aussi...lol
 
NB:
Organisation des répertoire:
J'ai un fichier sommaire dans le même répertoire que l'index, (il sert uniquement pour l'index) puis un fichier sommaire dans un répertoire sommaire pour toutes les autres pages. Les autres pages sont chacune dans leur répertoires qui leur sont propre et lui font appel comme ceci "../sommaire/sommaire.php".
=> les liens accueil et guilde de sommaire_index.php ne fonctionne pas MAIS ceux de "sommaire/sommaire.php fonctionne" oui.  
Je les ai comparé, les fichiers sont identique, mis à part les chemins d'accès bien entendu. C'est dingue :s

Reply

Marsh Posté le 07-03-2006 à 12:03:55    

C'est à left 300px que le sliens de mon sommaire ne pose aucun problème, et comme tout fonctionne sauf avec l'index, je vais regarder dans l'index , c'est surement là le problème.

Reply

Marsh Posté le 07-03-2006 à 12:09:31    

Le problème était bien une superposition de DIV. C'était une DIV HIDDEN qui posait problème. D'où la difficulté de la repérer, et ça n'explique pas pourquoi ça fonctionnait avec mon autre sommaire.
Enfin, merci quand même. Je vais pouvoir m'atteler à faire du code propre. :)

Reply

Sujets relatifs:

Leave a Replay

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