Discussion :

[mLk92]

Hi all,

J'ai deux petits soucis !

Le premier,

J'ai plusieurs bouton situés dans plusieurs pages, ils ont tous la même classe et je veux tous qu'ils soient centrés, cela fonctionne bien sous ie6 et 7, mais pas sous ff ...

Le deuxième,

J'ai dans chacune de ces pages, deux bords arrondis deux chaque cotés et un bord plat au milieu pour le bas de ces pages, cela fonctionne sous firefox mais pas sous ie6 et 7

Je vous joint des imprim écrans:

Et voici le 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
/**** Code pour les bords et le tableau global **/
table.tabConfig {
	width: auto;
	border-width: 0px; 
	padding: 0px;
	border-spacing: 0px; 
	border-collapse: collapse;
}
.tabConfig td {
	font-size: 11px;
	padding: 0px;
}
/* Ligne du bas, contenant les bords bas du tableau */
.tabConfig .botConfig{
		height: 20px;
		width: 100%;
		margin: 0;
}
/* Bord du bas pour assurer la continuité des bords arrondis */
.tabConfig .botConfig .center{width: auto; border-bottom: 1px solid #2062B9; background-color: white; height: 20px;}
 
/* Bord du bas pour assurer la continuité des bords arrondis */
.tabConfig .botConfig .left { background: url("images/leftBotConfig.png") no-repeat; width: 20px;}
.tabConfig .botConfig .right { background: url("images/rightBotConfig.png") no-repeat; width: 20px;}
 
 
/** Code pour le centrage des boutons **/
td.valid{
	border: 1px solid red;
	text-align: center;
	display:inline;
	width: 100%;
}
 
input.valid{
	margin-left: auto;
	margin-right: auto;
}

Code 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
</tr>
												<tr>
													<td colspan="5" class="valid">
														<input type="button" id="valider" name="submit" value="Valider" disabled="disabled">&nbsp;&nbsp;
														<input type="button" id="supprimer" name="submit" value="Supprimer" disabled="disabled">&nbsp;&nbsp;
														<input type="button" id="creer" name="submit" value="Cr&eacute;er un nouvel utilisateur" disabled="disabled" onclick="reset();">
													</td>
												</tr>
											</tbody>
										</table>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</td>
			</tr>
			<tr class="botConfig">
				<td class="left">&nbsp;</td>
				<td class="center">&nbsp;</td>
				<td class="right">&nbsp;</td>
			</tr>
		</table>
	</body>
</html>

Merci pour vos réponses !!

[mLk92]

Bon je vais répondre moi même, parce que là, j'ai le temps de crever !

Donc j'ai trouver une solution pour les boutons:

Code :

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

1
2
3
4
5
6
7
8
9
10
.valid{
	text-align: center;
	width: 100%;
}
 
input.valid{
	margin-right: 50%;
	margin-left: 50%;
	width: auto;
}

le display inline gênait et les marges en pourcentage donne une meilleure compréhension.

Par contre si vous avez une solutions pour mon bord bas qui ne marche pas sous ie ...JE SUIS PRENEUR !!

[djoyeux]

Bon je vais répondre moi même, parce que là, j'ai le temps de crever !

Ton premier post date de 11h31. Il n'est donc pas anormale que tu n'es pas encore de réponse.

Pour ce qui est de ton pied de page.
Si tu es au commencement de ton développement je te consiel de faire ça avec du CSS et non un tableau.

ça sera beaucoup plus simple par rapport à ce que tu veux faire.

[mLk92]

Ton premier post date de 11h31. Il n'est donc pas anormale que tu n'es pas encore de réponse.

Pour ce qui est de ton pied de page.
Si tu es au commencement de ton développement je te consiel de faire ça avec du CSS et non un tableau.

ça sera beaucoup plus simple par rapport à ce que tu veux faire.

Ce forum est d'habitude plus rapide m'enfin

As tu regarder mon 1er post correctement ? j'utilise déjà du CSS , mais bon je pense que tu parle plutôt de l'architecture html , je reprend ceci et je n'ai malheureusement pas le temps de refaire la structure html de plusieurs pages d'un peu plus de 1000 lignes chacune . Je sais ce n'est pas standard, mais que veux tu ...

J'ai déja virer tout ce qui était propriétés dans les balises html pour les mettre dans un fichier css, mes pages sont validées w3c, donc bon


Bref Quelqu'un a-t-il une réponse qui pourrait réellement m'aider ? parce que pour le bord bas, je bloque .. j'ai bien mis les tailles et tout

[djoyeux]

je sais pas mais je pense que c'est l'attribut auto de ton width qui n'est pas interprêté de la même façon sur les différent navigateur. si tu mets 100% qu'est ce qu'il ce passe ?

de plus tu utilise effectivement du CSS mais sur des tableau et non des bloc ce qui n'as pas grand chose à voir.

[mLk92]

En taille 100% il va prendre toute la taille du tableau, en surpassant mm les autres td

J'ai testé sur une autre page, ca marche en taille fixe (logique), ma page de base fonctionne aussi avec un bord arrondi a chaque extrémité et un border au milieu, et cela avec une largeur auto, et ca marche impec !

J'ai remis les bord du tableau avec border="1", firefox prend bien les largeurs de 20px pour les td contenant les bords arrondis, mais pas ie ...

en fait g un truc du type :

Sous ff (bonne version):

|_|____________|_|

Sous ie (mauvaise version):

|______|__|______|

Donc là je bloque...

[mLk92]

heeelp meeeeeeeeee

Je réexplique le problème:

J'ai une ligne d'un tableau qui contient colonne. Dans deux colonne j'ai des images de fond en bord arrondi avec des largeurs fixe de 20px. la cellule du milieu est en taille auto, pour que ca se redimensionne selon l'élement.

Problème: ça ne fonctionne pas sous ie, mais marche sous ff

Test: Fonctionne sous ie quand on donne une taille fixe a la cellule du milieu

[djoyeux]

je comprend bien le problème mais en faite je crois que c'est IE qui connait pas bien l'attribut auto.

C'est IE6 ou IE7 avec lequelle tu test ?

[mLk92]

les deux

[Johnbob]

Je ne suis pas sur d'avoir tout compris mais le "width:auto;" ne sert à rien.

Il faut "width:100%;" pour le style de la table, "width:20px;" pour le td de gauche et le pour le td de droite. Vérifie également qu'il y a bien 3 "td" par "tr" sinon ajuste ça avec l'attribut colspan.

[mLk92]

Le tableaux n'a pas de taille fixe genre 300px, donc si je met un 100% en taille pour le td du milieu, il prend toute la page (test à l'appui lol), et déborde même sur les td gauche et droite

Et malheureusement, j'ai vérifier les tr , il y a bien 3 td dans chacun d'eux

[Michel Rotta]

Il y a des fois où la réécriture d'une partie du code est plus simple que de trouver la bidouille pour que la mauvaise écriture du départ soit conservée.

Je pense qu'ici, tu aurais intérêt à refaire tes quelques pages et sortir cela du tableau.