<div>
I would put as much as possible in the CSS. Put all images and css in one folder, and do this for each skin. 
 
If you can give code we can take a look at why the code won't work. And I don't have Visual Studio, so I prefer an HTML example, preferably a complete HTML page with table, plus css in the header. 
</div>

<div>
Here is the skin I have defined for the gridview: 
 
&lt;asp:GridView 
&nbsp; &nbsp; CssClass=&quot;Grid&quot; 
&nbsp; &nbsp; 
&nbsp; &nbsp; PagerSettings-Mode=&quot;Numeric&quot; 
&nbsp; &nbsp; PagerStyle-CssClass=&quot;GridPagerStyle&quot; 
&nbsp; &nbsp; PagerStyle-BackColor=&quot;#339999&quot; 
&nbsp; &nbsp; PagerStyle-HorizontalAlign=&quot;Left&quot; 
&nbsp; &nbsp; 
&nbsp; &nbsp; CellPadding=&quot;3&quot; 
&nbsp; &nbsp; CellSpacing=&quot;1&quot; 
&nbsp; &nbsp; 
&nbsp; &nbsp; EditRowStyle-BackColor=&quot;#FFFFFF&quot; 
&nbsp; &nbsp; 
&nbsp; &nbsp; EmptyDataRowStyle-CssClass=&quot;GridEmptyDataRowStyle&quot; 
&nbsp; &nbsp; EmptyDataRowStyle-BackColor=&quot;#FFFFFF&quot; 
 
&nbsp; &nbsp; SelectedRowStyle-BackColor=&quot;#D1DDF1&quot; 
&nbsp; &nbsp; SelectedRowStyle-ForeColor=&quot;#333333&quot; 
&nbsp; &nbsp; 
&nbsp; &nbsp; AlternatingRowStyle-CssClass=&quot;GridAltRowStyle&quot; 
&nbsp; &nbsp; AlternatingRowStyle-BackColor=&quot;#FFFFCC&quot; 
&nbsp; &nbsp; 
&nbsp; &nbsp; RowStyle-CssClass=&quot;GridRowStyle&quot; 
&nbsp; &nbsp; 
&nbsp; &nbsp; HeaderStyle-CssClass=&quot;GridHeaderStyle&quot; 
&nbsp; &nbsp; HeaderStyle-BackColor=&quot;#339999&quot; 
&nbsp; &nbsp; HeaderStyle-Forecolor=&quot;#FFFFFF&quot; 
&nbsp; &nbsp; HeaderStyle-Wrap=&quot;false&quot; 
 
&nbsp; &nbsp; FooterStyle-CssClass=&quot;GridFooterStyle&quot; 
&nbsp; &nbsp; FooterStyle-BackColor=&quot;#339999&quot; 
&nbsp; &nbsp; FooterStyle-Wrap=&quot;False&quot; 
 
&nbsp; &nbsp; runat=&quot;server&quot; /&gt; 
 
And here are a couple of the accompanying styles: 
.GridHeaderStyle 
{ 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:#FFFFFF; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color: #339999; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border: solid 1px black; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-collapse: collapse; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align: center; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;vertical-align: middle; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-weight: bold; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family: Arial; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size: 15pt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-weight: bold 
} 
 
Now unless I specifically specify the &nbsp;HeaderStyle-CssClass=&quot;black_1px&quot; element on the template field, that border doesn't show up. &nbsp;I just assumed it would 
 
.GridRowStyle 
{ 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border: solid 1px black; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-collapse: collapse; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family: Arial; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size: 8pt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align: left; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;vertical-align: middle 
} 
 
.GridHeaderStyle 
{ 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:#FFFFFF; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color: #339999; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border: solid 1px black; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-collapse: collapse; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align: center; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;vertical-align: middle; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-weight: bold; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family: Arial; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size: 15pt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-weight: bold 
}
</div>

<div>
Okay, I added this to the GridView's skin: 
 
&nbsp; &nbsp; HeaderStyle-Wrap=&quot;false&quot; 
&nbsp; &nbsp; HeaderStyle-BackColor=&quot;#339999&quot; 
&nbsp; &nbsp; HeaderStyle-ForeColor=&quot;#FFFFFF&quot; 
&nbsp; &nbsp; HeaderStyle-HorizontalAlign=&quot;center&quot; 
&nbsp; &nbsp; HeaderStyle-Font-Bold=&quot;true&quot; 
&nbsp; &nbsp; HeaderStyle-VerticalAlign=&quot;middle&quot; 
&nbsp; &nbsp; Headerstyle-Font-Names=&quot;Arial&quot; 
&nbsp; &nbsp; HeaderStyle-Font-Size=&quot;9pt&quot; 
 
And it appears exactly how I want it. &nbsp;I guess my question now is, why can't I just create this: 
 
.GridHeaderStyle 
{ 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:#FFFFFF; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color: #339999; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align: center; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;vertical-align: middle; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-weight: bold; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family: Arial; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size: 9pt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-weight: bold 
} 
 
in the CSS file and then just put this: 
 
HeaderStyle-CssClass=&quot;GridHeaderStyle&quot; 
 
in the skin?
</div>

<div>
<div class="content wysiwyg-content">
I'm working on a site that currently uses skins and I'm trying to figure out the most logical way to use them. &nbsp;For instance, we have a skin for gridviews. &nbsp;The skin is good for setting stuff like pager setttings and cellpadding, things we know we'll always want the same for each control, but I'm having trouble setting stuff like the border. &nbsp;I just want a black, 1 pixel, collapsed border on every instance of a gridview in the site but for some reason it won't work unless I set it in the CSS. &nbsp;Which is another question related to this. &nbsp;When do you set styles in CSS as opposed to in the skin, is there a general rule of thumb for this?
</div>
</div>

I'm working on a site that currently uses skins and I'm trying to figure out the most logical way to use them.  For instance, we have a skin for gridviews.  The skin is good for setting stuff like pager setttings and cellpadding, things we know we'll always want the same for each control, but I'm having trouble setting stuff like the border.  I just want a black, 1 pixel, collapsed border on every instance of a gridview in the site but for some reason it won't work unless I set it in the CSS.  Which is another question related to this.  When do you set styles in CSS as opposed to in the skin, is there a general rule of thumb for this?

General Skins &amp; CSS Question

The .NET Framework is not specific to any one programming language; rather, it includes a library of functions that allows developers to rapidly build applications. Several supported languages include C#, VB.NET, C++ or ASP.NET.

.NET Programming

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

General Skins &amp; CSS Question

General Skins & CSS Question