Problème de liens

Version imprimable

Problème de liens

J'ai un conflit entre un lien ancre et un lien sur une adresse de site.
ci-joint :
Code:

1 2 <a href="#liens" class="bouth" >Liens</a>
Code:

1 2 3 4 5 6 7 8 <h1 id="liens" class="police5"> - Liens intéressants : </h1> <ul class="police6"> <li><a href="http://www.monadresse..." title="lien mon adresse">lien vers mon adresse</a> </li> .............................
quand je clique sur mon lien ancre, pas de soucis, j'arrive au bon endroit...
quand je clique sur le lien vers un autre site, ça me ramène en haut de la page et le site ne s'ouvre pas ???

Je précise que ce comportement ne se produit que sous ie.
Avec mozilla ou google chrome pas de soucis...

14/08/2012, 20h54
Muchos

À mon avis, il n'y a aucun conflit. Le lien ancre n'a rien à voir dans l'histoire.
Un lien externe envoie toujours sur une page… au pire une 404 !

Par contre, j'ai déjà vu ce genre de comportement avec l'usage de javascript sur les liens (pas d'ouverture puis retour en haut). Si ça peut aider…
14/08/2012, 22h18
Archimède

merci, je regarde ...
14/08/2012, 22h28
Candygirl

Bonsoir,

As-tu passé ta page au validateur pour t'assurer que tu n'avais laissé aucune erreur de syntaxe ? Un guillemet, une fermeture de balise </a> oubliés pourrait expliquer ce genre de différence de rendu entre IE et FF.

Autrement, donne un code plus complet qui permette d'observer le bug.
15/08/2012, 11h43
Archimède

Oui, en fait, j'ai une erreur que je n'arrive pas à rectifier dû à un compteur orange (pagesperso)-+1warning.

Citation:

le warning: Line 89, Column 67: The border attribute is obsolete. Consider specifying img { border: 0; } in CSS instead.

ALT="Google" style="vertical-align:middle;" height="30" ></a>

l'erreur :
Error Line 310, Column 206: Bad value http://pages.perso.orange.fr/php/com...quets&df=copt2 & dd=A & frgb=noir & tr=Non & pad=Oui & comma=Non for attribute src on element img: Control character in query component.

… tr=Non & pad=Oui & comma=Non" title="compteur" alt="compteur">

je précise que sur ce problème de liens, j'ai remplacé celui en html par un lien fait en Flash. Même soucis...retour en haut de la page sans ouverture du site cible.
ça marche sur ff et google chrome...

bizarre, vous avez dit bizarre, comme c'est bizarre... :D

merci pour ton avis éclairé !
15/08/2012, 13h20
Romalafrite

j'avais eu quelques soucis de ce genre, venant d'une balise <base href="" />

tu en as une dans ton code ?
15/08/2012, 13h27
Archimède

non, je n'en ai pas...
J'ai changé mon compteur de visite et maintenant, mon site est valide...
le problème subsiste cependant.
merci du renseignement;)
15/08/2012, 13h31
Romalafrite

simplifie petit à petit ton code jusqu'à l'extrême, jusqu'à ce que le bug disparaisse et tu verras l'origine. c'est la base du debug ;-)

ou simplifie un minimum ton code et colle le ici si tu veux de l'aide
15/08/2012, 13h41
Muchos

Je pense que c'est bien un problème de script, pas de html. Il faut vérifier le script du lien.

D'autre part, est-ce que ta version de IE supporte bien flash ? Est-ce que Flash ou Javascript sont désactivés sous IE ?
15/08/2012, 15h27
Archimède

Merci pour vos réponses.

C'est peut-être un problème de script...
J'ai fait un lien en flash vers un fichier pdf contenu sur mon site... au départ, j'ai une remontée en haut de la page et puis ensuite le fichier pdf s'ouvre.
Si je ferme le pdf, je reste en haut de ma page.
Avec le lien sur un autre site, parfois ça peut marcher mais le plus souvent, le site cible ne s'ouvre pas avec toujours cette remontée en haut de page...

les fichiers swf sont identiques hormis le fait que pour le site cible, je fais ouvrir dans une nouvelle instance ou nouvel onglet de IE avec _blank (identique en html...)
15/08/2012, 15h59
Archimède

En fait, je vais m'en tirer par une pirouette en supprimant _blank dans mon swf...ça marche.

En revanche le lien fait de manière classique en html me renvoie systématiquement en haut de ma page sans ouverture...

curieux...avec un code html5 validé...
15/08/2012, 16h20
Candygirl

Tu n'aurais pas un lien vers une page sur laquelle on puisse observer le problème ?
15/08/2012, 19h03
Archimède

Citation:

Envoyé par Candygirl

Tu n'aurais pas un lien vers une page sur laquelle on puisse observer le problème ?

En fait, j'ai des erreurs en CSS3, je viens de les rectifier avec le validateur W3C CSS...
J'approfondis voir si c'est à l'origine du problème...

C'est curieux, en gros dans le principe, j'avais fait des trucs de ce genre :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
 
<!doctype html>
<html lang='fr'>
  <head>
    <meta charset="windows-1252">
    <title>essai</title>
    <Style type="text/CSS">
     .menu {
     position : absolute;
     left : 0%;
     top : 118px;
     width : 15%;
     height : 75%;
     background-color : #E1E4F2;
     }
     .bouton {
     background-color : #00BFFF;
     cursor : pointer;
     text-align : center;
     border : gray solid 1px;
     width : 100%;
     height : 7%;
     }
     .lien-bouton {
     text-decoration : none;
     font-size : 1.5em;
     color : black;
     }
     .actif:hover {
     background-color : yellow;
     }
     div#contenu {                            
     background-color : #F5F5FF;
     position : absolute;
     left : 15%;
     top : 118px;
     width : 85%;
     height : 75%;
     border : gray solid 1px;
     overflow : auto;
     }
     .police{
     font-family : Arial,Helvetica;
     font-size : 1.5em;
     color : #305ac8;
     font-weight : bold;
     text-decoration : underline;
     margin : 10px;
     }
     .lien-dvp{
       font-family : Arial,Helvetica;
       font-size : 1.5em;
        margin : 200px;
     }
 
    </Style>  
  </head>
<body>
<header> </header>
<nav > 
   <div class="menu">
     <a href="#ancre" class="lien-bouton"><div class="bouton actif">vers mon ancre</div></a>
   </div> 
</nav>
<article>
   <div id="contenu" class="police">
    <p>
     <h1 class="police">
       -début
     </h1>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <a id="ancre"></a>
     <h2 class="police">-ma destination</h2> 
     <a href="http://www.developpez.com" class="lien-dvp">lien sur dvp</a>
  </p>
 </div>
</article>
<aside> </aside>
<footer> </footer>
</body>
</html>

avec cet exemple fait vite fait, ça fonctionne alors que répété plusieurs fois sur mon site, ça plante sur IE.

je suis valide V3C html5 et CSS3.
Par contre, je ne sais pas si mon exemple est valide (j'ai fait ça vite fait...)

16/08/2012, 23h04
Candygirl

Est-ce que tu as des modules complémentaires d'activés dans ton IE ? si oui, désactive-les tous (menu "gérer les modules complémentaires").

Ton problème de plantage sur IE persiste-t-il ?

Citation:

Envoyé par Archimède

avec cet exemple fait vite fait, ça fonctionne alors que répété plusieurs fois sur mon site, ça plante sur IE.

Qu'entends-tu exactement par "répété plusieurs fois sur mon site" ?
17/08/2012, 10h54
Archimède

J'ai retiré mes liens en flash pour les remplacer par des liens html. J'ai désactivé tous mes modules complémentaires. les sites cibles s'ouvrent (ce qui est maintenant une bonne chose !) sous IE mais j'ai toujours au moment de l'ouverture du lien, une remontée vers le haut de la div contenu...(toujours sous IE.)

Le fait de répéter veut dire que j'ai plusieurs boutons comme dans l'exemple, qui m'envoient sur des ancres du contenu où j'ai des liens vers des fichiers sur mon site ou encore des liens ciblés vers d'autres sites.

Bon, globalement, ça marche hormis cette remontée non désirée en haut de ma div...pour laquelle je ne comprends pas le phénomène.

merci pour votre aide
17/08/2012, 19h01
Candygirl

Citation:

Envoyé par Archimède

ça marche hormis cette remontée non désirée en haut de ma div...pour laquelle je ne comprends pas le phénomène.

Il est malheureusement difficile de t'aider sans observer le problème :-/
19/08/2012, 23h03
Archimède

Citation:

Envoyé par Candygirl

Il est malheureusement difficile de t'aider sans observer le problème :-/

En fait, j'ai des soucis avec des fichiers swf, si tu as une idée :

http://www.developpez.net/forums/d12...e/#post6851152

Là, tu vas trouver du code... :)