Using CSS Rule together with CSS Class in server side controls

Hi,
I design my web site in Dreamweaver and then use Web Developer 2005 Express for the dynamic stuff. I then amalgamate all the work I have done in Dreamweaver into 2005 Express.

However with the new server side controls I do not know how to add a CSS class together with a CSS rule.

In the normal client side control in Dreamweaver I have -

<input name="txtPassword" type="password" class="Input" id="SpacerBottom" />

In the server side controls the ID keyword is used now -

<asp:TextBox ID="txtPassword" runat="server" Style="z-index: 107" CssClass="Input" ></asp:TextBox>

I have tried to use the name="txtPassword", but it ignores this.

I would really like to know how I can use a class and an id selector with the new server side controls and would really appreciate some help on this.

Many thanks,
Polly Anna

Wouldn't it be better to just do a formname input {} in a style sheet? Maybe I am just missing the point entirely.

__________________
I hate IE 6. Just sayin....
http://www.mevans76.com

Hi moojoo, not sure how I can use the solution you mention. Could you point me in the right direction as to what this actually does?

Many thanks,

Polly Anna

Well, say you had a form named foo. What you could do is declare styles for the elements only contained within forms with the id of #foo.

#foo input {
padding:6px;
width:125px;
border:solid #CCCCCC;
border-width:1px;
}

#foo textarea {
border:solid #CCCCCC;
border-width:1px;
}

#foo input.mybutton {
width:75px;
}

etc.

http://www.sitepoint.com/article/style-web-forms-css

__________________
I hate IE 6. Just sayin....
http://www.mevans76.com

Thank you - and yes it is obvious, but I just couldn't see it.

Many thanks,

Polly Anna

This is a good article on styling web forms with CSS as well if you need it.

http://www.sitepoint.com/article/style-web-forms-css

__________________
I hate IE 6. Just sayin....
http://www.mevans76.com

Thanks that's great