Discussion :

[Zebulon777]

Bonjour à tous,

débutant en CSS, j'essaye de solution un tout petit problème depuis quelques jours, sans y parvenir.
Je sais que IE et FF ne fonctionne pas de la même manière, mais jusqu'à présent j'ai toujours réussit à trouver, mais pas là.

Voici ce que ça donne :



Et voici mon code HTML et CSS :

Code html :

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
...
...
...
<TABLE class="T_Legende">
	<TR class="T_Legende">
		<TD height="5" colspan="2" align="center" valign="middle" nowrap>Légendes</TD>
	</TR>
	<TR class="">
		<TD width="25" height="5" align="center" valign="middle" nowrap>&nbsp;0-1000 m&nbsp;</TD>
		<TD valign="middle" nowrap>&nbsp;<IMG src="Images/Rectangle/20_20/rectangle-bleu-20.png" width="75" height="5" alt=""/>&nbsp;</TD>
	</TR>
	<TR class="">
		<TD width="25" height="5" align="center" valign="middle" nowrap>&nbsp;1001-2000 m&nbsp;</TD>
		<TD valign="middle" nowrap>&nbsp;<IMG src="Images/Rectangle/20_20/rectangle-vert-20.png" width="75" height="5" alt=""/>&nbsp;</TD>
	</TR>
	<TR class="">
		<TD width="25" height="5" align="center" valign="middle" nowrap>&nbsp;2001-3000 m&nbsp;</TD>
		<TD valign="middle" nowrap>&nbsp;<IMG src="Images/Rectangle/20_20/rectangle-dore-20.png" width="75" height="5" alt=""/>&nbsp;</TD>
	</TR>
	<TR class="">
		<TD width="25" height="5" align="center" valign="middle" nowrap>&nbsp;>3000 m&nbsp;</TD>
		<TD valign="middle" nowrap>&nbsp;<IMG src="Images/Rectangle/20_20/rectangle-gris-20.png" width="75" height="5" alt=""/>&nbsp;</TD>
	</TR>
</TABLE>
...
...
...

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
/* TABLE des légendes */
.T_Legende {
	width:50%;
	height:100%;
	margin:0px;
	padding:0px;
}
 
.T_Legende table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;
	border:0px solid #000000;
	border-width:0px 0px 0px 0px;
}
 
.T_Legende td{
	height:5px;
	background-color:#A49070;
/*	border:0px solid #ffffff;
	border-width:0px 0px 0px 0px;*/
	padding-top:0px;
	vertical-align:middle;
/*	text-align:left;*/
	font-size:9px;
	font-family:Arial;
	font-weight:normal;
	color:#ffffff;
}

Je pene que ça doit être tout bête, mais impossible de mettre le doigt sur l'erreur.

Merci d'avance pour votre aide.

PS : le résultat final doit être celui de FF.

[Zebulon777]

Je me rapond à moi-même, j'ai trouvé ; j'avais laissé une class dans le TD de la première ligne.
Merci quand même de m'avoir lu.

[NoSmoking]

Bonjour,
pourquoi ne pas te décider une fois pour toute de te passer du CSS inline attendu que tu gères le CSS en dehors, c'est une source d'erreur courante.

[Zebulon777]

Je ne comprends pas ce que tu veux dire ?
CSS inline ? Tu veux dire dans le code HTML ?

Si j'ai bien compris, c'est tout bêtement, parce que je ne sais pas faire autrement et que souvent, je n'ai malheureusement pas assez de temps pour creuser.

[NoSmoking]

Sauf que là tu creuses le fossé qui t'éloigne des bonnes pratiques et que plus cela va aller plus il sera difficile à combler

[Zebulon777]

Bah voila, c'est là le drame, et pour éviter de creuser, je rame