Discussion :

[michaelbob]

Bonjour à tous,

Je galere sur un bug depuis quelques temps, bug qui me parait insoluble ... confus

Voici un lien vers la page :
http://thomas.brule.free.fr/test/page1.html

Une fois sur la page, cliquer sur le bouton pour accéder a la page 2. Une fois sur la page 2, faites "précédent". Chez moi, sous ie, le texte du bouton pour accéder a la page 2 disparait... Alors que sous FireFox, je n'ai aucun probleme ... Et le probleme existe sous plusieurs versions d'ie, notammenet la verison 6.0 ...

Voici mon code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
body {
 
	margin: 0px;
	font-family: "arial", serif;
	font-size: 12px;
	color: #00895D;
	background-color: #FFFEF2;
}
 
#page{
position: absolute;
left: 0px;
top: 0px;
width: 997px;
height: 750px;
}
 
#securedArea{
position: absolute;
left: 220px;
top: 150px;
width: 777px;
min-height: 600px;
background: #D6DFCE;
overflow: visible;
}
 
#blocSecuredMenu {
	height: 20px;
	width: 100%;	
	padding: 0px;
	margin: 0px;
}
 
.securedMenu {
list-style-type: none;
margin: 0px;
padding: 0px;
height: 20px;
}
 
.securedMenu li {
float: left;
margin: 0px;
padding: 0px;
}
 
.securedMenu a {
margin: 0 5px;
padding-left: 5px;
padding-right: 5px;
height: 18px;
width: 130px;
display: block;
text-align: center;
border: 1px solid #00895D;
text-decoration: none;
color: #00895D;
background: #D6DFCE;
font-weight: bold;
}
 
.securedMenu a:hover {
border: 1px solid #F77100;
color: #F77100;
}
 
.securedMenu a:active {
border: 1px solid gray; 
color: #D6DFCE;
}

Merci d'avance pour votre aide !

[ilood]

Salut

Etrange comme comportement.

Mais dans ton code html tu as oublié de fermer un </ul>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id="blocSecuredMenu">
<p></p>
<ul class="securedMenu">
  <li><a href="page1.html">Page1</a></li>
  <li><a href="page2.html">Page2</a></li>
<!-- balise ul à fermer -->
</div>

[michaelbob]

Ouais c'est vrai pour le ul ... Mais c uniqement un probleme de copier coller, le probleme presiste ... Et ca pour etre bizarre, c'est vraiment bizarre ...

[ilood]

Bon j'ai compris le problème...

Tu définis la même couleur pour un lien a:active et que pour le background de ce lien. Donc on a l'impression que le texte disparait mais en fait il prend la même couleur que le fond. Et IE, étrangement, garde la position a:active sur le lien lorsque l'on clique sur précédent.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
.securedMenu a {
...
background: #D6DFCE;
}
 
.securedMenu a:active {
...
color: #D6DFCE;
}

[michaelbob]

Ah yes .... j'avais pas vu ... En fait, le a:active ne me sert a rien en plus ... Du coup, je l'ai supprimé, et ca fonctionne ... Super !

Merci pour ton aide !!!