why isn't this css applyed?

ASP.NET 2.0
Below is a css, skin and a markup part. I wonder why the #compose .desc
class isn't applyed to the TableCell object (cssClass=desc). This works if I
only use .desc (remove the #compose word from the css class definition)...
In the markup below the css class is defined in the skin file. I even tryed
to set cssClass in the markup and it had the same problem - the css class
wasn't applied
Why isn't #compose .desc applyed?
CSS:
#compose .desc
{
font-family:Verdana;
font-weight:bold;
font-size:xx-large;
background-color:Gray;
}
SKIN:
<asp:TableCell SkinID="desc" runat="server" width="100px" CssClass="desc" />
<asp:TableCell SkinID="field" runat="server" width="100%" />
MARKUP:
<%@dotnet.itags.org. Page Language="C#" MasterPageFile="~/MasterPage.master"
AutoEventWireup="true" CodeFile="Compose.aspx.cs"
Inherits="Templates_Compose" EnableTheming="true" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1"
Runat="Server">
<asp:Table ID="compose" runat="server">
<asp:TableRow>
<asp:TableCell SkinID="desc">Recipient</asp:TableCell>
<asp:TableCell SkinID="field">Recipient</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:Content>
JeffJeff wrote:
> ASP.NET 2.0
> Below is a css, skin and a markup part. I wonder why the #compose .desc
> class isn't applyed to the TableCell object (cssClass=desc). This works if
I
> only use .desc (remove the #compose word from the css class definition)...
> In the markup below the css class is defined in the skin file. I even trye
d
> to set cssClass in the markup and it had the same problem - the css class
> wasn't applied
> Why isn't #compose .desc applyed?
> CSS:
> #compose .desc
> {
> font-family:Verdana;
> font-weight:bold;
> font-size:xx-large;
> background-color:Gray;
> }
> SKIN:
> <asp:TableCell SkinID="desc" runat="server" width="100px" CssClass="desc"
/>
> <asp:TableCell SkinID="field" runat="server" width="100%" />
> MARKUP:
> <%@. Page Language="C#" MasterPageFile="~/MasterPage.master"
> AutoEventWireup="true" CodeFile="Compose.aspx.cs"
> Inherits="Templates_Compose" EnableTheming="true" %>
> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1"
> Runat="Server">
> <asp:Table ID="compose" runat="server">
> <asp:TableRow>
> <asp:TableCell SkinID="desc">Recipient</asp:TableCell>
> <asp:TableCell SkinID="field">Recipient</asp:TableCell>
> </asp:TableRow>
> </asp:Table>
> </asp:Content>
>
> Jeff
>
Look at the generated html code, and you will see that the id of the
table tag that the Table control creates is not "compose".
Gran Andersson
_____
http://www.guffa.com
The free developer toolbar is a good way to easily see which CSS attributes
are applied to which attributes and why:
http://www.microsoft.com/downloads/...&DisplayLang=en
I hope this helps,
Steve C. Orr,
MCSD, MVP, CSM, ASPInsider
http://SteveOrr.net
"Jeff" <it_consultant1@.hotmail.com.NOSPAM> wrote in message
news:uMbjQz6eHHA.5080@.TK2MSFTNGP04.phx.gbl...
> ASP.NET 2.0
> Below is a css, skin and a markup part. I wonder why the #compose .desc
> class isn't applyed to the TableCell object (cssClass=desc). This works if
> I only use .desc (remove the #compose word from the css class
> definition)... In the markup below the css class is defined in the skin
> file. I even tryed to set cssClass in the markup and it had the same
> problem - the css class wasn't applied
> Why isn't #compose .desc applyed?
> CSS:
> #compose .desc
> {
> font-family:Verdana;
> font-weight:bold;
> font-size:xx-large;
> background-color:Gray;
> }
> SKIN:
> <asp:TableCell SkinID="desc" runat="server" width="100px" CssClass="desc"
> />
> <asp:TableCell SkinID="field" runat="server" width="100%" />
> MARKUP:
> <%@. Page Language="C#" MasterPageFile="~/MasterPage.master"
> AutoEventWireup="true" CodeFile="Compose.aspx.cs"
> Inherits="Templates_Compose" EnableTheming="true" %>
> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1"
> Runat="Server">
> <asp:Table ID="compose" runat="server">
> <asp:TableRow>
> <asp:TableCell SkinID="desc">Recipient</asp:TableCell>
> <asp:TableCell SkinID="field">Recipient</asp:TableCell>
> </asp:TableRow>
> </asp:Table>
> </asp:Content>
>
> Jeff
>