スキンとスタイルシートのnoobの質問

Question

は私が含まれているスキンファイルがあります：スキンファイルと同じフォルダに

< asp:TextBox runat="server" CssClass="FixedFont"/> 

を、以下のCSSファイルです。 CSSファイルが含まれています。私はデザインモードでASPXページを表示したり、ページを実行すると、私がいることがわかり

<asp:TextBox ID="TextBox1" runat="server">Test</asp:TextBox> 

：

.FixedFont 
    { 
    font-family:Courier;  
    } 

最後に、私は次のコントロールが含まれているASPXページを持っていますスタイルのfont-family属性は、テキストボックスコントロールに影響します。つまり、Courierに変更されます。彼らは同じ幅になるように

しかし、私はまた、やりたいことは、私のASPXページに地元のスタイルを定義し、

.DefaultWidth 
    { 
    width: 300px; 
    } 

...と私のTextBoxのすべてを持っていることです。私は...「DefaultWidth」に

<asp:textbox ID="TextBox1" CssClass="DefaultWidth">Hello</asp:TextBox> 

をTextBox1テキストボックスのCssClassプロパティを設定した場合

...テキストボックスの幅が300ピクセルに変更されますが、私は修正フォントをアプリング皮膚の効果を失いますクーリエスタイル。

BOTHエフェクトを適用するには、DefaultWidthと固定フォントのテキストボックスエフェクトを適用するには、CSSClassプロパティを "DefaultWidth FixedFont"に設定する必要があります。最初の場所。私は、スキンと矛盾するスタイルを追加しない限り、効果が累積であると予想していたと思います。その場合は、ローカルクラスをスキンの効果よりも適用することが期待されます。たとえば、他のエフェクトに加えてフォントファミリー仕様も含むClass2という2番目のクラスを適用した場合、Class2で指定されたフォントがFixedFontスタイルのフォントをオーバーライドすることが期待されます。しかし、それはここで起こっているようには見えません。

このような状況を管理する最善の方法は何ですか？私は非常に頻繁に幅がすべて一致する一連のテキストボックスを持つことを望んでいるので、スキンファイルのコントロールに適用されたエフェクトを使用するだけでなく、コントロールにCssClassを指定することが非常に多いと思います。

SKIN自体ではCSSを使用しないでください。これはメンテナンスの面でも欠点があるようです。私が午前

二次的な問題は、私は次のクラスとスタイルシート..

.Button 
{ 
    background-image: url('/images/button.gif') 
} 

を...宣言し、ASPのボタンに「ボタン」のCssClassプロパティを設定している場合、私は見ていることです画像はボタンの上に並べられます。私はスキンファイル

に次のコードを入力した場合

しかし、それは画像を見つけることができません。

imagesフォルダは、ウェブサイトのルートから離れた最初のフォルダです。

なぜ画像が表示されないのですか。私はいろいろな道を試みましたが、それは私にとって意味のあるものです。

ところで、イメージはデザインモードで適用されますが、イメージが実行されると消えます。

Answer 1

私はあなたの質問を理解している場合、私は知らないが、私はここから見ていると、あなたはあなたの「ローカル」スタイルでこれを宣言する必要があります：

textbox.fixedfont { width:200px; } 

または単にすべてのテキストボックスの場合にあなたが求めていたではない何これは、明確にしてください場合は、

textbox { width:200px; } 

...肌を重要ではありません、同じ幅を持つすべてのテキストボックスに影響を与えることについて確信しています。