Probleme d'application de css

**casawi** · 11/11/2009, 18h34

Salut tout le monde
j'ai un probleme d'applications css.
voila mon fichier .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
 
 
FIELDSET {
border-width: 1px;
border-style: solid;
border-color: #5D865D;
margin: 0.5em;
padding: 0.5em 0.5em 0.5em 0.5em;
font-size: 11px;
font-family: Verdana,Arial;
color: #000000;
text-decoration:none;
}
 
LEGEND {
font-family: Verdana,Arial;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #5D865D;
background: transparent;
}
.te {
background-color: #FFFFFF;
font-family: Verdana,Arial;
font-size: 11px;
color: #5D865D;
font-weight: bold;
padding: 2px 5px 2px 5px;
text-decoration:none;
}
 
TR.tl1 {
background-color: #FFF4DC;
font-size: 11px;
color: #415B82;
border-color: #FFFFFF;
border-width: 1px;
border-style: solid;
padding: 2px 5px 2px 5px;
text-decoration:none;
}
 
TR.tl2 {
background-color: #D0D0D0;
font-size: 11px;
color: #415B82;
border-color: #FFFFFF;
border-width: 1px;
border-style: solid;
padding: 2px 5px 2px 5px;
text-decoration:none;
}
 
 
LABEL {
width: 40%;
text-align: right;
vertical-align: top;
color:#0000FF;
font-weight:bold;
text-decoration:none;
}
 
body {
background-color: #FFFFFF;
color: #6600CC;
font-size: 14px;
font-family: Times New Roman;
font-weight: bold;
font-style: italic;
text-decoration: underline;
}
 
DIV.titre {
color: #415B82;
font-family: Verdana,Arial;
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0;
padding: 0.5em;
text-decoration:none;
}

et voial ma page de test :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
 
<link href="css1.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
 
 
<div class="titre"> TITRE DE LA PAGE</div>
 
<table width="665" border="1">
  <tr class="te">
    <td>aaa</td>
    <td>ddd</td>
    <td>ggg</td>
  </tr>
  <tr class="tl2">
    <td>bbb</td>
    <td>eee</td>
    <td>hhh</td>
  </tr>
  <tr class="tl1">
    <td>ccc</td>
    <td>ffff</td>
    <td>kkk</td>
  </tr>
  <tr class="tl2">
    <td>ccc</td>
    <td>ffff</td>
    <td>kkk</td>
  </tr>
</table>
<p/>
<p>LE CORPS</p>
<label>LE CORPS</label>
 
<fieldset>
	    <legend>trtt jdjdjd</legend>             
		                  Aucun contenu.
</fieldset>
</body>
</html>

le problème que j'ai, c'est que text-decoration: underline; du style body s'applique sur les autres élèments alors que j'ai spécifié le contraire text-decoration: non;
avez vous une idée sur le probleme ?
Merci

je reformule ma question, comment je peux modifier mes classes css (LEGEND, tl1, tl2, te, titre) de façon à ne pas avoir de soulignement meme si celui ci est specifié dans le style body ?
Merci.

**vodiem** · 12/11/2009, 07h18

salut casawi,

il semblerait que cela provient de l'interprétation du doctype:
sous ff cela marche partiellement et on peut obtenir un affichage partiellement correct aussi avec ie en changeant le doctype.

c'est pas commun de tout souligner et retirer après.
je ne vois pas de solution css sans retirer du body.

**casawi** · 12/11/2009, 10h20

Merci vodiem pour la réponse, mais ce qui est bizarre, est que seulement le soulignement qui pose le problème !! j'ai testé avec font-weight et font-style et ça marche bien. En effet, j'ai donné à body les valeurs bold et italic et pour les autres normal, normal, les éléments qui n'ont aucun style spécifié dans le css prennent le style de body, et les autres leurs propres styles !!

Probleme d'application de css

CSS

Discussions similaires

Partager

Partager