Discussion :

[DiverSIG]

Bonjour,

Je voudrais customiser le style d'un panel.
la déclaration de mon panel:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var titre = new Ext.Panel({
			frame: true
			,width: 1000
			,bodyCfg:{cls: 'titrePageCotier'}
			,html: '<table id="pageTitre">'+
				'<tr>'+
				'<td class="logo"><img src="img/monimage.jpg" height="50px"></td>'+
				'<td>Untitre ici</td>'+
				'</tr>'+
				'</table>'
});

dans un fichier css j'ai:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
#pageTitre {
	height		:60px;
	color		:#375D81;
	font-family	:Verdana, Arial, Helvetica, sans-serif;
	font-weight	:bold;
	font-size	:14px;
}
 
.titrePageCotier {
	background-color	:#7FBE00;	
	border: 1px solid red;
}

j'ai bien dans mon panel un cadre avec le style que j'ai défini, mais il reste une marge avec les couleurs par défaut (cf. pièce jointe)

qu'est ce que j'ai oublié ?

Merci,
Nico

[sekaijin]

ben pas facile de dire sans tous les élément du pb mais les css s'appliquent les un après les autres

une propriété définit à une étape reste valide tant qu'un autres css ne l'a pas remplacé

tu installe fire bug ou tu utilise chrome ou safari
et tu inspecte ton élément
ainsi tu auras la hiérarchie de style appliqués à ton objet tu verras alors quel CSS définit la propriété qui ne te convient pas et tu pourras ajouter dans un css plus spécifique un nouvelle valeur

enfin plutot que de mettre du html sous forme de string tu as un DomHelper qui te permet de construire un fragment ou encore la possibilité d'user de template si le contenu est variable

a+JYT