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:

Quote:

Originally Posted by

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
>

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.NOSPAMwrote in message
news:uMbjQz6eHHA.5080@.TK2MSFTNGP04.phx.gbl...

Quote:

Originally Posted by

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
>