Peaux et Stylesheet Noob question

Question

Je dispose d'un fichier de la peau qui contient:

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

Dans le même dossier que le fichier de la peau, est le fichier CSS suivant. Le fichier Css contient:

.FixedFont 
    { 
    font-family:Courier;  
    } 

Enfin, j'ai une page ASPX qui contient le contrôle suivant:

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

Quand je regarde la page ASPX en mode de conception ou d'exécuter la page, je vois que la L'attribut font-family sur le style affecte le contrôle textbox, c'est-à-dire qu'il est changé en Courier.

Cependant, ce que je voudrais aussi faire est de définir un style local sur ma page ASPX,

.DefaultWidth 
    { 
    width: 300px; 
    } 

... et ont tous mes TextBoxes afin qu'ils soient de la même largeur.

Si je mets la propriété CssClass de TextBox1 à « DefaultWidth » ...

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

... la largeur de la zone de texte est changé en 300px mais je perds l'effet de la peau appling la police fixe Style de courrier.

Pour obtenir les effets BOTH à appliquer, l'effet DefaultWidth et l'effet textbox de police fixe, je dois définir la propriété CSSClass à "DefaultWidth FixedFont", ce qui, pour moi, semble annuler l'avantage d'avoir la peau dans le première place. Je suppose que je m'attendais à ce que l'effet soit CUMULATIF, à moins que j'ajoute un style en conflit avec le SKIN, auquel cas, je m'attendais à ce que la classe locale soit appliquée sur l'effet de la peau. Par exemple, si j'appliquais une deuxième classe, Class2, qui incluait également une spécification de font-family en plus d'autres effets, je m'attendrais à ce que la police spécifiée dans Class2 remplace celle du style FixedFont. Mais cela ne semble pas être ce qui se passe ici.

Quelle est la meilleure façon de gérer une telle situation? J'imagine très souvent vouloir avoir une série de textboxes qui correspondent tous en largeur, donc j'imagine que je vais très souvent vouloir spécifier une CssClass sur un contrôle en plus d'utiliser les effets appliqués au contrôle en type dans le fichier skin.

La solution est-elle de ne PAS utiliser le CSS dans la PEAU elle-même? Cela semble avoir des inconvénients, aussi, du côté de la maintenance.

Un problème secondaire que j'ai est que si je déclare une feuille de style avec la classe suivante ..

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

... et définissez la propriété CssClass d'un bouton ASP pour « Bouton », je vois l'image a été posée sur le bouton.

Cependant, si j'entrez le code suivant dans le fichier de la peau

il ne trouve pas l'image.

Le dossier images est un premier dossier de premier niveau à la racine du site Web.

Aucune idée de la raison pour laquelle il ne capte pas l'image.J'ai essayé d'autres voies, mais c'est la seule qui me semble avoir du sens. Par ailleurs, l'image est appliquée en mode design, mais elle disparaît lorsque l'image est exécutée.

Answer 1

Je ne sais pas si je comprends bien votre question, mais comme je vois d'ici, ce que vous devez avoir à déclarer dans votre style « local »:

textbox.fixedfont { width:200px; } 

ou simplement à chaque zone de texte si vous êtes sûr de tous les affecter à la zone de texte même largeur, peu importe la peau ...

textbox { width:200px; } 

Si ce pas ce que vous demandez, s'il vous plaît être plus clair.