CSS image non prise en compte

Version imprimable

30/10/2006, 16h23
lodan

CSS image non prise en compte

Bonjour,

J'ai dans mon script html des cellules définies comme ceci

Code:

<td class="t_titre" colspan="5">Actions</td>

La classe CSS correspondante est :
.t_titre {
background: #e6e6e8 url("../images/fond_titre.gif") repeat-x fixed top left;
font-weight: bold; /*** Pour améliorer la lisibilité des titres ***/
text-align: center;
}

C'est la couleur qui est prise en compte et pas l'image. Si je supprime la couleur, je n'ai rien à la place.

J'ai mis ce lien sur ma class body et l'image est bien apparu.

Quoi est-ce docteur ?
30/10/2006, 16h30
KiLVaiDeN
Salut,
Code:

1 2 3 .monstyle { background-image: url("tomimage.jpg") ; }
Au fait, il vaudrait peut-être mieux enlever la balise et mettre un font-weight: bold à la place, ça serait mieux non ?

A+
30/10/2006, 16h39
Joe-La-Boule

Peut-etre que le chemin entré n'est pas bon essaye avec un chemin absolu !

Je suis déjà en "font-weight: bold"

comme dans le code que j'ai indiqué dans mon 1er post.
Code:

1 2 3 4 5 .t_titre { background: #e6e6e8 url("../images/fond_titre.gif") repeat-x fixed top left; font-weight: bold; /*** Pour améliorer la lisibilité des titres ***/ text-align: center; }
Je n'avais pas encore supprimé les 

J'ai donc fait ceci :
Code:

1 2 3 4 5 .t_titre { background-image: #e6e6e8 url(../images/fond_titre.gif) repeat-x fixed top left; font-weight: bold; /*** Pour améliorer la lisibilité des titres ***/ text-align: center; }
Mais ce n'est pas mieux, le phénomène est le même. La couleur n'est plus prise en compte.

Salut,

Ce que je voulais dire, c'est ça :

Code:

1
2
3
4
5
6
.t_titre {
	background-image: url("../images/fond_titre.gif") repeat-x fixed top left;
	background-color : #e6e6e8;
	font-weight: bold; /*** Pour améliorer la lisibilité des titres ***/
	text-align: center;
}

Et oui j'avais pas vu ton font-weight, désolé ;)

Cette syntaxe ne change rien

Voici le code complet

Partie script html :

Code:

1
2
3
4
5
6
7
8
<tr class="t_titre">
      <td colspan="5">Actions</td>
	  <td>Type de tiers</td>
	  <td>Nom</td>
	  <td>Rue</td>
	  <td>C.P.</td>
	  <td>Ville</td>
   </tr>

partie CSS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.t_titre {
	background-image: url("../images/fond_titre.gif") repeat-x fixed top left;
	background-color : #e6e6e8;
	font-weight: bold; /*** Pour améliorer la lisibilité des titres ***/
	text-align: center;
}
 
td{
	color: #000000;
	font-size: 12px;
	font-family: Verdana;
}
 
td a
{
cursor: pointer;
}

Je ne vois pas ce qui coince.

Citation:

Envoyé par KiLVaiDeN

Salut,

Ce que je voulais dire, c'est ça :

Code:

1
2
3
4
5
6
.t_titre {
	background-image: url("../images/fond_titre.gif") repeat-x fixed top left;
	background-color : #e6e6e8;
	font-weight: bold; /*** Pour améliorer la lisibilité des titres ***/
	text-align: center;
}

Et oui j'avais pas vu ton font-weight, désolé ;)

Ou plutôt comme ça :

Code:

1
2
3
4
5
6
7
8
9
.t_titre {
	background-image: url(../images/fond_titre.gif);
        background-repeat: repeat-x;
        background-attachment: fixed;
        background-position: top left;
	background-color : #e6e6e8;
	font-weight: bold; /*** Pour améliorer la lisibilité des titres ***/
	text-align: center;
}

Merci BisounoursJos,

Cela ne change rien.

J'ai même essayé comme cela :
Code:

1 2 3 4 5 6 7 8 <tr class="t_titre"> <td style="background-image: url("../images/fond_titre.gif") repeat-x fixed top left;" colspan="5">Actions</td> <td>Type de tiers</td> <td>Nom</td> <td>Rue</td> <td>C.P.</td> <td>Ville</td> </tr>
Mais pas mieux.

C'est la définition dans le script css qui prévaut sur celui du script du formulaire ?

31/10/2006, 08h49
trotters213

:salut:

Citation:

Envoyé par lodan

C'est la définition dans le script css qui prévaut sur celui du script du formulaire ?

Non, c'est le dernier appelé qui prend le pas sur les autres.