Résolu Lien inactif sur Firefox

Solutions (14)
Tags :
  • chrome
  • Firefox
  • Index
  • Safari
  • Programmation
|
Bonjour,

J'ai un problème avec mes liens sur Firefox, je voudrais mettre des liens sur tous les titres de ma page, j'ai fait un test avec "les vétérans" (voir site : http://estiara.byethost13.com/cmsanglais/ ) et s'il est possible d'accéder à la page avec IE et Safari, ça ne semble pas fonctionner avec Firexfox.

Quelqu'un saurait il quelle erreur j'ai faite?

Merci!
Contenus similaires
Meilleure solution
partage
, Programmation (collector) |
tester sous Firfox , Chrome et IE , le lien marche parfaitement !
  • Commenter cette solution |
Score
0
òh
òi
|
Meilleure réponse sélectionnée par estiara.
  • Commenter cette réponse |
Score
0
òh
òi
|
Effectivement, après une mise à jours de Firefox.... que dire...euh... ça fonctionne.

j'hésite entre mettre ce smiley :bounce:  ou celui ci :sweat: 

Merci en tous cas !

(et la prochaine fois, je teste mon site sur un autre ordi.... :sarcastic:  )
  • Commenter cette réponse |
Score
0
òh
òi
|
vraiment??

Outch... Il faut donc que je trouve le problème de mon ordi ...

Merci à toi !
  • Commenter cette réponse |
Score
0
òh
òi
|
Euh... oui du coup, c'est bien ce que tu as écrit .. (Désolée.. il est tard)

  1. <span class="titre_encart"><a href="index.php?page=nos-veterans">Nos vétérans</a></span>
  • Commenter cette réponse |
Score
0
òh
òi
|
non non, désolée, je me suis mal exprimée.

Il s'agit du lien présent dans le contenu de la page d'accueil (pas dans le menu)

Normalement, lorsqu'on clique sur le titre "les vétérans" on devrait atterrir sur la page concernée... Mais le lien est inactif.
  • Commenter cette réponse |
Score
0
òh
òi
, Programmation (collector) |
En fait je comprends pas ton problème on parle bien de :

  1. <a href="index.php?page=nos-veterans">Nos vétérans</a>


?
  • Commenter cette réponse |
Score
0
òh
òi
|
Et pour les liens qui ne fonctionnent pas, ils sont en bleu flashy pour ne pas les râter ! :D 
  • Commenter cette réponse |
Score
0
òh
òi
|
J'ai juste coloré certaines div pour voir d'où venaient certains bugs (et le site est en construction)... Sorry ! :sarcastic: 
  • Commenter cette réponse |
Score
0
òh
òi
, Programmation (collector) |
J'ai regarder vite fais le site
http://s3.noelshack.com/upload/13757404181994_sans_titr...
j'utilise firfox 4 ( 64 bits )
le lien marche pour moi ... mais le design ^^
  • Commenter cette réponse |
Score
0
òh
òi
, Programmation (collector) |
Il commence a ce faire tard , je regarderais demain si je trouve quelque chose ...
pense a utilisé les balise [code] [ /code] sur le forum ...
  • Commenter cette réponse |
Score
0
òh
òi
|
voici le CSS et le html plus bas.

/////////CSS ////////


  1. /* Start of CMSMS style sheet 'CSS ara' */
  2. @charset "UTF-8";
  3. /* CSS Document */
  4.  
  5. body
  6. {
  7. width: 960px;
  8. height:350px;
  9. margin: auto; /* Pour centrer la page */
  10. margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
  11. margin-bottom: 20px; /* Idem pour le bas du navigateur */
  12. background-color: #2e170b;
  13. color: #606;
  14.  
  15. }
  16.  
  17.  
  18. #header
  19. {
  20. width: 960px;
  21. height: 350px;
  22. background-image: url("images/banniere.png");
  23. background-repeat: no-repeat;
  24. margin-bottom: 10px;
  25. postion:relative;
  26.  
  27. }
  28.  
  29.  
  30.  
  31.  
  32. #menu_left
  33. { margin-left:10px;
  34. padding-top: 5px;
  35. margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
  36. font-family: Verdana, Geneva, sans-serif;
  37. font-size: 15px;
  38. width:200px;
  39. background-color:#ffffff;
  40.  
  41. }
  42.  
  43. #menu_left a
  44. {
  45. color: #fedc9b;
  46. text-decoration:none;
  47. top:-70px;
  48. position:relative;
  49. background-color:#ffffff;
  50. }
  51.  
  52. #menu_left ul
  53. {
  54. float: left;
  55. list-style: none;
  56. padding:0;
  57. width:150px;
  58.  
  59. }
  60.  
  61. #menu_left li
  62. {
  63.  
  64. margin-bottom:40px;
  65. display:block;
  66. text-align:right;
  67.  
  68. }
  69.  
  70.  
  71. #contenu
  72. {
  73. width: 715px;
  74. float:left;
  75. margin-left:50px;
  76. padding: 30px 5px 100px 5px;
  77. background-color: #fedc9b;
  78. text-align:justify;
  79. top:-120px;
  80. position:relative;
  81. min-height:300px;
  82. z-index:-999;
  83. }
  84.  
  85.  
  86.  
  87. #body_left
  88. { float: left;
  89. width: 450px;
  90. padding: 5px;
  91. color: #FFF;
  92. font-family: Verdana, Geneva, sans-serif;
  93. font-size: 12px;
  94. }
  95.  
  96. .bienvenue
  97. {
  98. width:410px;
  99. position:relative;
  100. color:#300;
  101. padding:20px;
  102. text-align:center;
  103. display:block;
  104. }
  105.  
  106. #body_right
  107. { width: 250px;
  108. margin-left: 450px;
  109. padding: 5px;
  110. color: #FFF;
  111. font-family: Verdana, Geneva, sans-serif;
  112. font-size: 12px;
  113. }
  114.  
  115.  
  116. #encart
  117. { margin-top:60px;
  118. background-image: url("images/fond_titre.png");
  119. background-repeat: no-repeat;
  120. width:450px;
  121. display:block;
  122. }
  123.  
  124. .texte_encart
  125. {
  126. color:#300;
  127. padding: 20px 20px 0px 30px;
  128. display:block;
  129. }
  130.  
  131.  
  132. .titre_encart
  133. {
  134. margin-left:50px;
  135. color:#300;
  136. font-size:18px;
  137. font-weight: bold;
  138. }
  139.  
  140. .photo_encart
  141. {
  142. margin-left:50px;
  143. }
  144.  
  145.  
  146. #petit_encart
  147. {
  148. background-image: url("images/fond_mini_titre.png");
  149. background-repeat: no-repeat;
  150. width:250px;
  151. display:block;
  152. }
  153.  
  154. #encart_page
  155. {
  156. background-image: url("images/fond_titre.png");
  157. background-repeat: no-repeat;
  158. width:650px;
  159. display:block;
  160. font-size: 12px;
  161. }
  162.  
  163. a {
  164. text-decoration: none;
  165. font-weight: bold;
  166. z-index:999;
  167. }
  168.  
  169. .footer
  170. { float:left;
  171. height:700px;
  172. background-image: url("images/footer.png");
  173. background-repeat: no-repeat;
  174. width:960px;
  175. position:relative;
  176. top:-470px;
  177.  
  178.  
  179. }



/////////// HTML ////////

  1. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  2. <link rel="stylesheet" type="text/css" href="http://estiara.byethost13.com/cmsanglais/stylesheet.php?cssid=53" />
  3. <link rel="stylesheet" type="text/css" media="screen" href="http://estiara.byethost13.com/cmsanglais/stylesheet.php?cssid=34&mediatype=screen" />
  4.  
  5.  
  6. <base href="http://estiara.byethost13.com/cmsanglais/" />
  7. <meta name="Generator" content="CMS Made Simple - Copyright (C) 2004-9 Ted Kulp. All rights reserved." />
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9.  
  10. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  11. <title> ARA </title>
  12. <!-- TinyMCE Session vars empty --></head><body>
  13. <div id="header">
  14. <div class="element_menu">
  15. <div id="menuwrapper">
  16.  
  17. <ul id="primary-nav">
  18. <li class="menuactive">
  19. <a class="menuactive" href="http://estiara.byethost13.com/cmsanglais/"><span>Accueil</span></a>
  20. </li>
  21. <li class="menuparent">
  22. <a class="menuparent" href="http://estiara.byethost13.com/cmsanglais/index.php?page=alias-2"><span>Présentation</span></a>
  23. <ul class="unli">
  24. <li>
  25. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=mot-de-la-presidente"><span>Mot de la présidente</span></a>
  26. </li>
  27. <li>
  28. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=recueil-canin"><span>Recueil Canin</span></a>
  29. </li></ul>
  30.  
  31. </li>
  32. <li class="menuparent">
  33. <a class="menuparent" href="http://estiara.byethost13.com/cmsanglais/index.php?page=nous-aider"><span>Nous aider</span></a>
  34. <ul class="unli">
  35. <li>
  36. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=parrainer"><span>Parrainer</span></a>
  37. </li>
  38. <li>
  39. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=devenir-benevole"><span>Devenir bénévole</span></a>
  40. </li>
  41. <li>
  42. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=faire-un-don"><span>Faire un don</span></a>
  43. </li>
  44.  
  45. <li>
  46. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=nos-besoins"><span>Nos besoins</span></a>
  47. </li>
  48. <li>
  49. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=famille-d-accueil"><span>Famille d'accueil</span></a>
  50. </li></ul>
  51. </li>
  52. <li class="menuparent">
  53. <a class="menuparent" href="http://estiara.byethost13.com/cmsanglais/index.php?page=adopter"><span>Adopter</span></a>
  54. <ul class="unli">
  55. <li>
  56. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=conditions-d-adoption"><span>Conditions d'adoption</span></a>
  57.  
  58. </li>
  59. <li>
  60. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=les-poilus-a-l-adoption"><span>Les poilus à l'adoption</span></a>
  61. </li>
  62. <li>
  63. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=nos-veterans"><span>Nos vétérans</span></a>
  64. </li>
  65. <li>
  66. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=coup-de-pouce"><span>Coup de pouce</span></a>
  67. </li></ul>
  68. </li>
  69. <li class="menuparent">
  70. <a class="menuparent" href="http://estiara.byethost13.com/cmsanglais/index.php?page=nos-adoptes"><span>Nos adoptés</span></a>
  71.  
  72. <ul class="unli">
  73. <li>
  74. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=avant-2011"><span>Avant 2011</span></a>
  75. </li>
  76. <li>
  77. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=apres-2011"><span>Après 2011</span></a>
  78. </li></ul>
  79. </li>
  80. <li>
  81. <a href="http://estiara.byethost13.com/cmsanglais/index.php?page=accueil"><span>test</span></a>
  82. </li>
  83. </ul>
  84. <div class="clearb"></div>
  85. </div>
  86.  
  87.  
  88. </div>
  89. </div>
  90.  
  91. <div id="menu_left">
  92. <ul>
  93. <li><a href="http://estiara.byethost13.com/cmsanglais/index.php?page=faire-un-don">Faire un don</a></a></li>
  94. <li><a href="http://ara-forum.activebb.net/" target="_blank">Notre forum</a></li>
  95. <li><a href="http://www.swisstools.net/guestbook.asp?numero=119276"target="_blank">Livre d'or</a></li>
  96.  
  97. <li><a href="http://estiara.byethost13.com/cmsanglais/index.php?page=venir-nous-voir">Venir nous voir</a></li>
  98.  
  99. </ul>
  100.  
  101. </div>
  102.  
  103.  
  104.  
  105.  
  106. <div id="contenu">
  107.  
  108. <div id="body_left">
  109.  
  110. <span class="bienvenue">Pour sûr que nos poilus ne sont pas gâtés actuellement question température ! Ils ne cessent de compter et recompter leurs poils de peur d'en perdre un seul ! Notre refuge est une petite structure familiale-animale qui permet à tous nos animaux de vivre "leur abandon" de façon la moins traumatisante possible. Accrochez-vous à votre souris et VITE...parcourez, visitez notre site ! Il y a plein de formules pour soutenir notre action ! Croyez nous sur parole, il y a tant à faire pour leur rendre la vie plus agréable grace à vous !Pour sûr que nos poilus ne sont pas gâtés actuellement question température ! Ils ne cessent de compter et recompter leurs poils de peur d'en perdre un seul ! Notre refuge est une petite structure familiale-animale qui permet à tous nos animaux de vivre "leur abandon" de façon la moins traumatisante possible. Accrochez-vous à votre souris et VITE...parcourez, visitez notre site ! Il y a plein de formules pour soutenir notre action ! Croyez nous sur parole, il y a tant à faire pour leur rendre la vie plus agréable grace à vous !</span>
  111. <div id="encart">
  112. <span class="titre_encart"><a href="index.php?page=nos-veterans">Nos vétérans</a></span>
  113. <p><span class="texte_encart">Ok ! C'est vrai que nos printemps se comptent à présent en hiver ... Mais vous croyez vraiment que c'est pour cela que nous dormirons encore ce soir au refuge ? Et si vous nous donniez une petite chance d'y croire encore !</span></p>
  114. <p style="text-align: justify;"><span class="photo_encart"><img src="uploads/images/chance.png" alt="" width="149" height="149" /> <img src="uploads/images/napo.jpg" alt="" width="199" height="150" /><br /></span></p>
  115. </div>
  116. </div>
  117.  
  118.  
  119. <div id="body_right">
  120. <div id="petit_encart">
  121. <span class="titre_encart">Coup de pouce </span><br />
  122. <p><span class="texte_encart">Allez... si vous alliez faire un peu plus ample connaissance avec nos vedettes du jour ! Et si c'est pas un super COUP DE POUCE ça! </span></p>
  123. <p><span class="photo_encart"><img src="uploads/images/photo_refu.jpg" alt="" width="150" height="113" /></span></p>
  124. <p><span class="texte_encart"><a href="http://estiara.byethost13.com/cmsanglais/index.php?page=coup-de-pouce">> Lire la suite</a><br /></span></p>
  125. </div>
  126.  
  127. <div id="petit_encart">
  128.  
  129. <span class="titre_encart">Urgent </span><br />
  130. <span class="texte_encart">Vous pouvez nous rendre la vie tellement plus confortable. Vous voulez un exemple ? SVP, ne jetez plus vos vieilles couvertures ! Pensez à nos vieux os. </span><br />
  131. </div>
  132. </div>
  133.  
  134.  
  135.  
  136. </div>
  137.  
  138. <div class="footer">
  139. </div>
  140.  
  141. </html>
  142. </body>
  • Commenter cette réponse |
Score
0
òh
òi
, Programmation (collector) |
Salut,

Sans code source on ne pourra pas trop t'aider ...
Mais si cela marche avec IE et Safari mais pas avec FF c'est que ton code contient une erreur que IE est Safari traite quand même ...
  • Commenter cette réponse |
Score
0
òh
òi
|
Après vérif, cela viendrait du "z-index" dans le CSS qui est appliqué à la div contenant le texte de ma page.
Cela dit, si je retire ce "z-index" le design de ma page n'est plus bon.
Une solution pour moi?
Merci
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS