Balise lien inefficace sur IE

**keub51** · 25/04/2007, 11h14

bon voila je sais pas si je suis retombé bien bas en oubliant un truc ou quoi mais voila, j'ai un menu constitué de simple <a href "...">.... qui fonctionne sous firefox mais pas sous ie ... je demande rien de bien compliqué pourtant lol voila mon code :

voici comment japelle mon menu dans mes pages :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>PC Service Plus</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" /> 
	   <meta http-equiv="refresh" content="5; URL=ajout_client.php">
    </head>
    <body>
    <!-- L'en-tête -->
    <div id="en_tete">
    </div>
			<?php
	include("menu2.php");
	?>
	<!-- Le corps -->
 <div id="corps">

voici menu2.php :

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
<div class="menu">
<div class="headmenu">
</div>
<div class="inmenu">
<a href="ajout_produit.php">Ajout d'un produit</a><br/>
<a href="recherche_produit.php">Recherche d'un produit</a><br/>
<a href="ajout_client.php">Ajouter un client</a><br/>
<a href="achat_client.php">Achat d'un client</a><br/>
<a href="recherche_client.php">Recherche d'un client</a><br/>
<a href="liste_client.php?choix=nom">Liste des client</a><br/>
<a href="liste_produit.php?choix=type">Liste des produit</a><br/>
<a href="garantie.php?client=">Garantie d'un client</a><br/>
<a href="reparation.php">Fiche réparations</a><br/>
<a href="recherche_reparation.php">Recherche réparation</a><br/>
<a href="liste_réparations.php?choix=id">Liste réparations</a><br/>
<br/><br/>
</div>
<div class="footmenu">
</div>
</div>

et le style :

Code css :

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
 
/* Le menu */
 
.menu
{
   float : left;
   width: 120px;
   text-align:left;
   /*border : 2px solid black;*/
   margin-bottom:10px;
}
 
.headmenu
{
   background-image: url("images/upMenu1.JPG");
   /*border : 2px solid black;*/
   height : 40px;
   width: 124px;
   text-align : center;
   padding-top : 20px; 
   font-family : "comic sans ms",arial;
}
 
.inmenu
{
   /*border : 2px solid black;*/
   width: 130px;
}
 
.inmenu a
{
font-size : 10px;
padding-left: 10px;
text-decoration : none;
color : #47ACFF;
}
 
.inmenu a:hover
{
font-size : 10px;
padding-left: 20px;
color : black;
}

**Bisûnûrs** · 25/04/2007, 11h16

Oui et ?

Le problème c'est quoi ?

**keub51** · 25/04/2007, 11h40

et bien comme je l'ai di au dessus ce menu constitué de simple lien <a> fonctionne sous firefox mais pas sur ie .. sous ie j'ai beau cliquer dessus c'est comme si c'était du simple texte ... donc mon petit menu est inutilisable sous ie ...:'( pourquoi ?

**Bisûnûrs** · 25/04/2007, 11h52

Aucun problème chez moi avec ce code.

Un autre élément dans ta page doit interférer.

**bustaja** · 25/04/2007, 11h54

Code :

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

<br/>

Devient

Code :

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

<br />

Essaie ça

**keub51** · 25/04/2007, 14h19

j'ai essayé avec des <br> tout simple rien qui change ...

j'ai regardé ce qui pouvait interférer mais je ne trouve rien de bizarre... regardez par vous meme :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>PC Service Plus</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" /> 
<script language="JavaScript">
function verifier_formulaire()
{
if(document.formulaire.num.value == "" &&
document.formulaire.marque.value == "" &&
document.formulaire.date.value == "" &&
document.formulaire.client.value == "" &&
document.formulaire.type.value == "" &&
document.formulaire.se.value == "" &&
document.formulaire.nb.value == "" &&
document.formulaire.desc.value == "")
   alert("Veuillez entrer au moins un critère de recherche !");
else
	document.formulaire.submit();
}
</script>
    </head>
    <body>
    <!-- L'en-tête -->
    <div id="en_tete">
</div>
    </div>
		<?php
	include("menu2.php");
	?>
	<!-- Le corps -->
 
    <div id="corps">

si vous trouvez quelquechose ...

**keub51** · 25/04/2007, 14h35

j'ai trouvé quelquechose mais je ne comprends toujhours pas le comportement de IE :

voici menu2.php :

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
<div class="menu">
 
<div class="headmenu">
 
</div>
<div class="inmenu">
 
<a href='ajout_produit.php'>Ajout d'un produit</a><br>
<a href="recherche_produit.php">Recherche d'un produit</a><br>
<a href="ajout_client.php">Ajouter un client</a><br>
<a href="achat_client.php">Achat d'un client</a><br>
<a href="recherche_client.php">Recherche d'un client</a><br>
<a href="liste_client.php?choix=nom">Liste des client</a><br>
<a href="liste_produit.php?choix=type">Liste des produit</a><br>
<a href="garantie.php?client=">Garantie d'un client</a><br>
<a href="reparation.php">Fiche réparations</a><br>
<a href="recherche_reparation.php">Recherche réparation</a><br>
<a href="liste_réparations.php?choix=id">Liste réparations</a><br>
<br><br>
</div>
<div class="footmenu">
</div>
</div>

le style css

Code css :

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

1
2
3
4
5
6
7
8
 
.menu
{
   float : left;
   width: 124px;
   border : 2px solid black;
   margin-bottom:10px;
}

lorsque je supprime <div class="menu"> et sa </div> ca fonctionne ... mais je ne peux pas me permettre de le supprimer car c'est lui qui possede le float : left, sauf si japplique ce style aux balise dans <div class="menu"> enfin bon jaimerais comprendre tout de même ce comportement plus que bizarre ... ou mon anerie plus que c*****

**keub51** · 25/04/2007, 14h42

ya un probleme avec le float : left quan je l'enleve le corps se place en dessous mais le menu fonctionne et quan je le laisse le menu ne fonctionne pas mais le style correspond ... aide me !!!!

**keub51** · 25/04/2007, 14h56

avec un float : right ca foinctionne ... mais pas left ... pourquoi ???

**bustaja** · 25/04/2007, 15h54

Envoyé par keub51

avec un float : right ca foinctionne ... mais pas left ... pourquoi ???

Peut-être que I.E l'interprète pas de la même façon que FireFox...

Des fois, c'est comme ça...

**keub51** · 25/04/2007, 15h56

bah oué je vois ca mais il y a surement une technique ou une subtilité pour palier a ce defaut ... c'est pour cela que je continue dapeller a l'aide sur ce forum !

**bustaja** · 25/04/2007, 16h02

Envoyé par keub51

bah oué je vois ca mais il y a surement une technique ou une subtilité pour palier a ce defaut ... c'est pour cela que je continue dapeller a l'aide sur ce forum !

Bah écoute, essaie d'ajouter "clear:left" à ta CSS... on sait jamais...

**MasterOfChakhaL** · 25/04/2007, 16h04

Salut,

Serait-il possible de mettre ta page en lgne et de nous filer un lien?
Ca sera plus facile pour voir ce qui ne va pas avec ta page...

**Candygirl** · 25/04/2007, 16h05

Je pense qu'il est indispensable de connaître le css appliqué à ton #corps pour pouvoir te répondre. Tu l'as positionné avec un margin-left de la taille du menu (comme je suppose peut-être vu ton problème) ou en float ?

De même d'avoir la structure html générée (pas le php) de ta page entière ou, encore mieux, un lien pour étudier le problème serait plus productif.

**keub51** · 25/04/2007, 16h22

donc voici le code source généré d'une de mes pages :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>PC Service Plus</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" /> 
    </head>
    <body>
    <!-- L'en-tête -->
    <div id="en_tete">
    </div>
 
<div class="menu">
 
<div class="headmenu">
 
</div>
<div class="inmenu">
 
<a href='ajout_produit.php'>Ajout d'un produit</a><br>
<a href="recherche_produit.php">Recherche d'un produit</a><br>
<a href="ajout_client.php">Ajouter un client</a><br>
<a href="achat_client.php">Achat d'un client</a><br>
<a href="recherche_client.php">Recherche d'un client</a><br>
<a href="liste_client.php?choix=nom">Liste des client</a><br>
<a href="liste_produit.php?choix=type">Liste des produit</a><br>
<a href="garantie.php?client=">Garantie d'un client</a><br>
<a href="reparation.php">Fiche réparations</a><br>
<a href="recherche_reparation.php">Recherche réparation</a><br>
<a href="liste_réparations.php?choix=id">Liste réparations</a><br>
<a href="factures.php">Recherche facture</a><br>
<br><br>
</div>
<div class="footmenu">
</div>
</div>
	<!-- Le corps -->
 
    <div id="corps">
		<div class="headcorps">
		<h1>Recherche d'une facture</h1>
		</div>
		<div class="incorps">
 
<form name = "formulaire" action = "factures.php" method ="get">
Entrez le numéro de facture : 
<input type=text name="choix"  size=10>
<input type=submit value = "chercher" size=10 >
</form>
    		</div>
		<div class="footcorps"> 
		</div>
    </div>		   
<div id="pied_de_page">
    <!-- c'est ici que l'on place le code du pied de la page -->
    </div>    </body>
</html>

et voici la css à appliquer :

Code css :

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
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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
body
{
   width: 704px;
   margin: auto;
   margin-top: 20px;
   font-family : "trebuchet MS",arial,default;
 
   /*border : 2px solid black;*/
}
 
/* L'en-tête */
 
#en_tete
{
   width: 700px;
   height: 86px;
   background-image: url("images/head1.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   /*border : 2px solid black;*/
}
 
#bar
{
   width: 700px;
   height: 37px;
   margin-top:2px;
   margin-bottom: 10px;
   text-align : right;
   background-image: url("images/bar.jpg");
}
 
/* Le menu */
 
.menu
{
  float : left;
   width: 124px;
   margin-bottom:10px;
}
 
.headmenu
{
   background-image: url("images/upMenu1.JPG");
   height : 40px;
   width: 124px;
   text-align : center;
   padding-top : 20px; 
   font-family : "comic sans ms",arial;
}
 
.inmenu
{
   width: 124px;
}
 
.inmenu a
{
font-size : 10px;
padding-left: 10px;
text-decoration : none;
color : #47ACFF;
}
 
.inmenu a:hover
{
font-size : 10px;
padding-left: 20px;
color : black;
}
 
.footmenu
{
   background-image: url("images/downMenu1.JPG");
   height : 40px;
   width: 124px;
}
 
/* Le corps de la page */
 
#corps
{  
   margin-bottom:10px;
   margin-top:-12px;
   width: 557px;
   margin-left: 142px;   
}
 
.headcorps
{
   background-image: url("images/headcorps1.PNG");
   height : 85px;
   width: 557px;
}
 
.incorps
{ 
	text-align : center;
	padding-left : 20px;
    width: 520px;
}
 
.tab  th
{ 
	text-align : center;
	font-weight : normal;
	font-size : 12px;
	background-image :url("images/tab.jpg");
	width : 100px;
 
}
.tab td
{ 
	text-align : center;
	font-weight : normal;
	font-size : 12px;
}
 
.incorps a
{ 
	color : black;
	text-decoration : none;
}
 
#pied_de_page img
{ 
float : right;
}
 
.footcorps
{
   background-image: url("images/downcorps1.PNG");
   height : 85px;
   width: 557px;
}
 
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
 
#pied_de_page
{
   font-family : arial;
   clear:both;
   width: 700px;
   background-image: url("images/down1.PNG");
   height : 86px;
   text-align : center;
   font-size : 10px;
 
   /*border: 2px solid black;*/
}
 
h1
{
color : #BACCFF;
text-align : center;
}
h3
{
color : #BACCFF;
}

en esperant que ca vous aide

**Candygirl** · 25/04/2007, 16h33

J'ai rien eu le temps de tester, mais plutôt que de positionner ton corps avec un margin, place-le en float. Il y a bien des chances que cela résolve ton problème + ça t'évitera le bug des 3px sur IE6:

Code css :

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

1
2
3
4
5
6
7
#corps
{  
   margin-bottom:10px;
   margin-top:-12px;
   width: 557px;
   float:right;
}

**keub51** · 25/04/2007, 16h39

Merci ca a résolu mon probleme ... c'est vrai qu'il y avait un bug de 3px avec IE ca m'avait semblé bizarre ... maintenant mon menu fonctionne merci

Balise lien inefficace sur IE

CSS

Discussions similaires

Partager

Partager