form avec css&firefox

**guigo** · 26/03/2008, 16h21

Bonjour,

Je pense que le plus simple c de vous montrer le code :

Si je met ca ya pas de soucis, le placement ce fait bien :

Code :

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

1
2
3
4
 
<div id="BoutonFiche">
	<img src="../graphisme/Telecharger.jpg" />
</div>

Dans ce cas, mauvais placement:

Code :

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

1
2
3
4
5
6
7
8
9
 
<div id="BoutonFiche">
 
<form action="./downloadPdf.php" method="get">
	<input type="image" src="../graphisme/Telecharger.jpg" value="telecharger" name="download" />
	<input type="hidden"  value="<? echo $col[0]; ?>" name="Pdf"/> 
</form>
 
</div>

Ca ne marche pas quand je met un form!!!! Enfin ca ne fonctionne pas sur firefox. Sur IE oui!!!!
(j'ai essaye de mettre un id au form mais ca ne change rien...)
Si quelqu'un a une idée?

Merci à tous,
Guigo

**Erwan31** · 26/03/2008, 16h38

Il faudrait être plus précis sur ta demande.
Qu'est ce que t'entends par mauvais placement?

Toujours fournir ai moins le code CSS correspondant.

**guigo** · 26/03/2008, 16h47

Salut,
Excuse, c'est crai que j'ai ete un peu flou.

Voici mon css :

Code :

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

1
2
3
4
5
6
7
 
#BoutonFiche
{	
	position:absolute;
	left:850px;
	top:200px;
}

J'entends par mauvais placement que mes boutons ne se placent pas selon mon css.
En faite avec firefox rien ne se passe. J'ai l'impression qu'il ne le prend pas en compte le css! Avec IE tout vas bien. C étonnant!

Comprends tu ce que je veux dire? I'm sorry je m'exprime mal, mais j'arrive pas a être bcp plus claire

Guigo

**Erwan31** · 26/03/2008, 16h51

Envoyé par guigo

J'entends par mauvais placement que mes boutons ne se placent pas selon mon css.

Ca n'aide pas trop. Tu veux parler du positionnement absolue?
A priori, comme tu as l'ai de débuter, je doute que ce positionnement soit le plus approprié.
Fournir la TOTALITE du code XHTML et CSS si possible.

**guigo** · 26/03/2008, 17h02

:-)
Je ne debute pas vraiement je suis juste dyslexique et j'ai du mal a m'exprimer
Je te donne 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
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
161
162
163
164
 
 
#conteneur {
position: relative;
width: 1100px;
height:100%;
margin: 0 auto;
}
 
 
/* CSS Document */
 
body {
margin: 0 auto;
padding: 0;
 
}
 
 
/* Definition des balises */
/* --------------------------------------------------------------------*/
 
a:link {  text-decoration: none ; color :white ;}
a:visited {color :white ;  text-decoration: none ; }
a:hover { color: black ; text-decoration: none ; }
 
 
 
/* mise en page horizontale du haut de page */
/* --------------------------------------------------------------------*/
#menu {
	position:absolute;
	top:112px;
	left:25px;
	word-spacing: 25px;
	font-family:Arial, Helvetica, sans-serif;
	width:500px;
}
 
#ssMenu {
	position:absolute;
	top:25px;
	left:25px;
	word-spacing: 25px;
	font-family:Arial, Helvetica, sans-serif;
	width:500px;
}
 
/* mise en page verticale du milieu de page */
/* --------------------------------------------------------------------*/
#template{
	position:absolute;
	top : 170px;
	width:950px;
	left:25px;
}
 
 
 
/* mise en page verticale du côté droit de page */
/* --------------------------------------------------------------------*/
#droit{
	position: absolute;
	right:70px;
	top : 170px;
	width: 280px;
}
 
#log
{
	background-image:url(../graphisme/log.jpg);
	background-repeat:no-repeat;
 	width :250px;
	height: 180px;
 
}
 
#newsletter
{	
	background-image:url(../graphisme/newsletter.jpg);
	background-repeat:no-repeat;
	width :250px;
	height: 90px;
}
 
/* mise en page verticale du côté droit de page */
/* --------------------------------------------------------------------*/
#droitPhoto{
	position: absolute;
	right:70px;
	top : 170px;
	width: 280px;
}
 
#placePhoto
{	
	position:absolute;
	margin-left:0px;
	top: 200px;
}
 
#imageDescription
{	
	position:absolute;
	margin-left:0px;
	top: 350px;
}
 
#cadreDescription
{
	position:absolute;	
	background-image:url(../graphisme/cadreDescription.jpg);
	background-repeat:no-repeat;
	height:400px;
	width:380px;
	top:300px;
	margin-left:460px;
}
 
#txtDescription
{
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-left: 30px;
	margin-top : 15px;
	width:330px;
}
 
#EncartDescription
{
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-left: 45px;
	top : 195px;
	width:330px;
	font-weight: bold;
	line-height:30px;
 
}
#BoutonFiche
{	
	position:absolute;
	left:850px;
	top:200px;
}
 
 
 
/* mise en page du pied de page */
/* --------------------------------------------------------------------*/
#footer{
 
	position:relative;
	top:550px;	
	font-size: 0.6em;
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#A6A6A6;"
 
 
}

Voila un bout de mon html

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
 
echo "<div id=imageDescription>";
	if(isset($_POST['FicheId']))
	{
		$req = "SELECT  * ". 
				" FROM fiche WHERE Fiche_id= '".$_POST['FicheId']."'";
		$ret = mysql_query ($req) or die (mysql_error ());
		$col = mysql_fetch_row ($ret);
 
	}
	else
	{
		$req = "SELECT  * ". 
				" FROM fiche WHERE Cat= '".$_GET['tpsCat']."'";
		$ret = mysql_query ($req) or die (mysql_error ());
		$col = mysql_fetch_row ($ret);
	}
	$rep=$col[1];
	echo "<img src=../function/routineAff.php?rep=".$rep."/>";
echo "</div>";
?> 
<div id=cadreDescription>
	<div id=txtDescription>
<?
	echo "<h3 style=color:#ED1E79;>";
	echo $col[2]."</h3>";
	echo $col[16]."<br/>";
	echo "Dimensions L*P*H (cm) : ".$col[8]."<br/>";
	echo "Poids : ".$col[7]."Kg<br/>";
	echo "Conditionnement : ".$col[10]."<br/>";
	echo "Origine : ".$col[9]."<br/></div>";
 
	echo "<div id=EncartDescription>";
	echo "Dénomination : ".$col[14]."<br/>";
	echo "Gencod : ".$col[3]."<br/>";
	echo "Dimensions L*P*H (cm) : ".$col[8]."<br/>";
?>
	</div>
</div>
 
<div id="BoutonFiche">
 
<form action="./downloadPdf.php" method="get">
	<input type="image" src="../graphisme/Telecharger.jpg" value="telecharger" name="download" />
	<input type="hidden"  value="<? echo $col[0]; ?>" name="Pdf"/> 
</form>
 
<form action="./downloadCatalogue.php" method="get">
	<input type="image" src="../graphisme/TelechargerCatalogue.jpg" value="telecharger" name="download" />
	<input type="hidden"  value="<? echo $col[0]; ?>" name="Catalogue"/> 
</form>
 
<form action="../devis/indexDevis.php" method="post">
	<input type="image" src="../graphisme/AjouterDevis.jpg" value="telecharger" name="download" />
	<input type="hidden"  value="<? echo $col[0]; ?>" name="AjouterDevis"/> 
</form>
 
</div>

**guigo** · 26/03/2008, 17h33

OUpssss, desole mon code html pas 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
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
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 
	<link href= "../squelette/squelette.css" rel="stylesheet" type="text/css">
	</head>
	<body>
	<div id="conteneur">
	<div id="headerBanniere">
		<a href="http://www.barcler.com"><img name="logo"  src="../graphisme/bandehaut.gif" alt="" border=0  /></a><br/>
	</div>
 
	<div id="headerBanniere">
		<a href="http://www.barcler.com"><img name="logo"  src="../graphisme/menu.gif" alt="" border=0  /></a><br/>
	</div>
	<div id=menu><a href="../societe/indexSociete.php" name="SOCIETE" />SOCIETE</a>
<a style="background-color:#0168B3" href="../produit/indexProduit.php" name="PRODUITS" />PRODUITS</a>
<a href="../partenaire/indexPartenaire.php" name="PARTENAIRES" />PARTENAIRES</a>
<a href="../devis/indexDevis.php" name="DEVIS" />DEVIS</a>
<a href="../contact/indexContact.php" name="CONTACT" />CONTACT</a>
 
<div id="ssMenu">
<a style="background-color:#0168B3;" title=Jardin href="./afficheCat.php?tpsCat=1">Jardin </a><a style="background-color:#0168B3;" title=Abris href="./afficheCat.php?tpsCat=2">Abris </a><a style="background-color:#0168B3;" title=Meubles href="./afficheCat.php?tpsCat=3">Meubles </a><a style="background-color:#0168B3;" title=Bricolage href="./afficheCat.php?tpsCat=4">Bricolage </a><a style="background-color:#0168B3;" title=Escaliers href="./afficheCat.php?tpsCat=5">Escaliers </a><a style="background-color:#0168B3;" title=Décoration href="./afficheCat.php?tpsCat=6">Décoration </a></div>
 
</div><div id=placePhoto><table cellpadding=15 ><tr></table></tr><table><tr><td><form enctype=multipart/form-data action=# method=POST><input type="image"  src="../function/routineAffM.php?rep=../photo/Meubles/tabledenuit.jpg" alt="" border=0 /><input type=hidden name=FicheId value='1'/></form></td><td><form enctype=multipart/form-data action=# method=POST><input type="image"  src="../function/routineAffM.php?rep=../photo/Meubles/confiturier.jpg" alt="" border=0 /><input type=hidden name=FicheId value='3'/></form></td><td><form enctype=multipart/form-data action=# method=POST><input type="image"  src="../function/routineAffM.php?rep=../photo/Meubles/chiffonier.jpg" alt="" border=0 /><input type=hidden name=FicheId value='4'/></form></td><td><form enctype=multipart/form-data action=# method=POST><input type="image"  src="../function/routineAffM.php?rep=../photo/Meubles/meubleangle.jpg" alt="" border=0 /><input type=hidden name=FicheId value='5'/></form></td><td><form enctype=multipart/form-data action=# method=POST><input type="image"  src="../function/routineAffM.php?rep=../photo/Meubles/hommedebout.jpg" alt="" border=0 /><input type=hidden name=FicheId value='6'/></form></td><td><form enctype=multipart/form-data action=# method=POST><input type="image"  src="../function/routineAffM.php?rep=../photo/Meubles/buffet.jpg" alt="" border=0 /><input type=hidden name=FicheId value='13'/></form></td><td><form enctype=multipart/form-data action=# method=POST><input type="image"  src="../function/routineAffM.php?rep=../photo/Meubles/meubletv.jpg" alt="" border=0 /><input type=hidden name=FicheId value='15'/></form></td><td><form enctype=multipart/form-data action=# method=POST><input type="image"  src="../function/routineAffM.php?rep=../photo/Meubles/commode.jpg" alt="" border=0 /><input type=hidden name=FicheId value='35'/></form></td><td><form enctype=multipart/form-data action=# method=POST><input type="image"  src="../function/routineAffM.php?rep=../photo/Meubles/bibliotheque.jpg" alt="" border=0 /><input type=hidden name=FicheId value='37'/></form></td></table></tr><table><tr><td><form enctype=multipart/form-data action=# method=POST><input type="image"  src="../function/routineAffM.php?rep=../photo/Meubles/tablebasse.jpg" alt="" border=0 /><input type=hidden name=FicheId value='67'/></form></td></div><div id=imageDescription><img src=../function/routineAff.php?rep=../photo/Meubles/tabledenuit.jpg/></div> 
<div id=cadreDescription>
	<div id=txtDescription>
<h3 style=color:#ED1E79;>TABLE DE NUIT R9</h3>Table de Nuit R9 
En Epicéa . 
Finition brute poncée 
Livré Monté
Conseils déco : Laisser Brute / Pochoirs Déco<br/>Dimensions L*P*H (cm) : 40/30/55<br/>Poids : 7.5Kg<br/>Conditionnement : Carton<br/>Origine : UE<br/></div><div id=EncartDescription>Dénomination : Pieds boule / Livré Monté<br/>Gencod : <br/>Dimensions L*P*H (cm) : 40/30/55<br/>	</div>
 
</div>
 
<div id="BoutonFiche">
 
<form action="./downloadPdf.php" method="get">
	<input type="image" src="../graphisme/Telecharger.jpg" value="telecharger" name="download" />
	<input type="hidden"  value="1" name="Pdf"/> 
</form>
 
<form action="./downloadCatalogue.php" method="get">
	<input type="image" src="../graphisme/TelechargerCatalogue.jpg" value="telecharger" name="download" />
	<input type="hidden"  value="1" name="Catalogue"/> 
</form>
 
<form action="../devis/indexDevis.php" method="post">
	<input type="image" src="../graphisme/AjouterDevis.jpg" value="telecharger" name="download" />
	<input type="hidden"  value="1" name="AjouterDevis"/> 
</form>
 
</div>
 
 
</body>
</html>

**Erwan31** · 26/03/2008, 17h49

Merci de corriger ton code (problème d'imbrications de table/tr) et de le coller dans le même post en le signalant. Ton problème vient probablement de là.