Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1620 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Un simple lien qui ne fonctionne pas toujours

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Un simple lien qui ne fonctionne pas toujours

n°1319869
jdmontigny
-§ L'Aube Eternelle §-
Posté le 06-03-2006 à 23:31:53  profilanswer
 

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.

mood
Publicité
Posté le 06-03-2006 à 23:31:53  profilanswer
 

n°1319871
gm_superst​ar
Appelez-moi Super
Posté le 06-03-2006 à 23:35:43  profilanswer
 

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
n°1319935
anapajari
s/travail/glanding on hfr/gs;
Posté le 07-03-2006 à 09:58:34  profilanswer
 

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!

n°1320067
jdmontigny
-§ L'Aube Eternelle §-
Posté le 07-03-2006 à 11:57:55  profilanswer
 

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

n°1320074
jdmontigny
-§ L'Aube Eternelle §-
Posté le 07-03-2006 à 12:03:55  profilanswer
 

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.

n°1320080
jdmontigny
-§ L'Aube Eternelle §-
Posté le 07-03-2006 à 12:09:31  profilanswer
 

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. :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Un simple lien qui ne fonctionne pas toujours

 

Sujets relatifs
Google Search : remplacer le bouton par un lienImage = lien
[général] choix d'un langage pour un traitement de texte simpleune question toute simple
Lien pour forumSimple question PHP (Variable)
[netscape][firefox] Ouvir un lien dans une nouvel onglet[Oracle XML] Requete simple, 1 ligne de résultat = plusieurs résultats
inserer un lien dans le phpAjouter un lien dans les clics droits pour VoIP sous Firefox
Plus de sujets relatifs à : Un simple lien qui ne fonctionne pas toujours

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.072 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)