need help with css. don"t see the border, box, and font specification

Hi,

I created a user info control to let the user know if he logs in. I
created a .css file for the asp.net project and assigned the following
to the user area. In the userinfo.aspx, I added each section. when I
bring up the website, I don't see any of the font, color, or borders.

Is there any extra steps to point to the .css file?

Any help is greatly appreciated.




..UserInfoHead
{
border-right: #cc6666 1px solid;
border-top: #cc6666 1px solid;
border-left: #cc6666 1px solid;
border-bottom: #cc6666 1px solid;
background-color: #dc143c;
font-family: Verdana, Arial;
font-weight: bold;
font-size: 10pt;
color: #f5f5dc;
padding-left: 3px;
text-align: center;
}
..UserInfoContent
{
border-right: #cc6666 1px solid;
border-top: #cc6666 1px solid;
border-left: #cc6666 1px solid;
border-bottom: #cc6666 1px solid;
background-color: #ffcccc;
text-align: center;
}
..UserInfoText
{
font-family: Verdana, Arial;
font-size: 9pt;
padding-left: 5px;
text-decoration: none;
}
a.UserInfoLink
{
font-family: Verdana, Arial;
font-weight: bold;
font-size: 9pt;
color: #ed486d;
line-height: 15px;
padding-left: 5px;
text-decoration: none;
}
a.UserInfoLink:hover
{
padding-left: 5px;
color: #dc143c;
}
a.Button
{
color: Black;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 12px;
}
..AdminTitle
{
color: Black;
font-family: Verdana, Helvetica, Sans-Serif;
text-decoration: none;
font-size: 21px;
font-weight: bold;
line-height: 25px;
}
..AdminPageText
{
color: Navy;
font-family: Verdana, Helvetica, Sans-Serif;
text-decoration: none;
font-size: 12px;
}
a.AdminPageText
{
color: Navy;
font-family: Verdana, Helvetica, Sans-Serif;
text-decoration: none;
font-size: 12px;
}
a.AdminPageText:hover
{
color: Red;
}

Re: need help with css. don"t see the border, box, and font specification

The first thing to check is that the CSS file is really being found
correctly. If you do't check that first, you can end up going around in
endless circles later on trying to figure out what's wrong with your styles.
Bring up the page that has the link to the CSS file, then check out the link
and see if you can browse to it directly, using the URL of the page as a
basis. This trips up a lot of people because they'll put the CSS in a master
page without realizing that the CSS link will be relative to the master
page, and not to the child pages.

Hope this helps,
Mark Fitzpatrick
Microsoft MVP - Expression

wrote in message
news:5788ac40-4fbc-467c-b0e5-675caca6d61e@24g2000hsh.googleg roups.com...
> Hi,
>
> I created a user info control to let the user know if he logs in. I
> created a .css file for the asp.net project and assigned the following
> to the user area. In the userinfo.aspx, I added each section. when I
> bring up the website, I don't see any of the font, color, or borders.
>
> Is there any extra steps to point to the .css file?
>
> Any help is greatly appreciated.
>
>
>
>
> .UserInfoHead
> {
> border-right: #cc6666 1px solid;
> border-top: #cc6666 1px solid;
> border-left: #cc6666 1px solid;
> border-bottom: #cc6666 1px solid;
> background-color: #dc143c;
> font-family: Verdana, Arial;
> font-weight: bold;
> font-size: 10pt;
> color: #f5f5dc;
> padding-left: 3px;
> text-align: center;
> }
> .UserInfoContent
> {
> border-right: #cc6666 1px solid;
> border-top: #cc6666 1px solid;
> border-left: #cc6666 1px solid;
> border-bottom: #cc6666 1px solid;
> background-color: #ffcccc;
> text-align: center;
> }
> .UserInfoText
> {
> font-family: Verdana, Arial;
> font-size: 9pt;
> padding-left: 5px;
> text-decoration: none;
> }
> a.UserInfoLink
> {
> font-family: Verdana, Arial;
> font-weight: bold;
> font-size: 9pt;
> color: #ed486d;
> line-height: 15px;
> padding-left: 5px;
> text-decoration: none;
> }
> a.UserInfoLink:hover
> {
> padding-left: 5px;
> color: #dc143c;
> }
> a.Button
> {
> color: Black;
> font-family: Verdana, Helvetica, Sans-Serif;
> font-size: 12px;
> }
> .AdminTitle
> {
> color: Black;
> font-family: Verdana, Helvetica, Sans-Serif;
> text-decoration: none;
> font-size: 21px;
> font-weight: bold;
> line-height: 25px;
> }
> .AdminPageText
> {
> color: Navy;
> font-family: Verdana, Helvetica, Sans-Serif;
> text-decoration: none;
> font-size: 12px;
> }
> a.AdminPageText
> {
> color: Navy;
> font-family: Verdana, Helvetica, Sans-Serif;
> text-decoration: none;
> font-size: 12px;
> }
> a.AdminPageText:hover
> {
> color: Red;
> }

RE: need help with css. don"t see the border, box, and font specificat

in css the dot is used to specify a class name. threre is no ..


-- bruce (sqlwork.com)


"aboutjav.com@gmail.com" wrote:

> Hi,
>
> I created a user info control to let the user know if he logs in. I
> created a .css file for the asp.net project and assigned the following
> to the user area. In the userinfo.aspx, I added each section. when I
> bring up the website, I don't see any of the font, color, or borders.
>
> Is there any extra steps to point to the .css file?
>
> Any help is greatly appreciated.
>
>
>
>
> ..UserInfoHead
> {
> border-right: #cc6666 1px solid;
> border-top: #cc6666 1px solid;
> border-left: #cc6666 1px solid;
> border-bottom: #cc6666 1px solid;
> background-color: #dc143c;
> font-family: Verdana, Arial;
> font-weight: bold;
> font-size: 10pt;
> color: #f5f5dc;
> padding-left: 3px;
> text-align: center;
> }
> ..UserInfoContent
> {
> border-right: #cc6666 1px solid;
> border-top: #cc6666 1px solid;
> border-left: #cc6666 1px solid;
> border-bottom: #cc6666 1px solid;
> background-color: #ffcccc;
> text-align: center;
> }
> ..UserInfoText
> {
> font-family: Verdana, Arial;
> font-size: 9pt;
> padding-left: 5px;
> text-decoration: none;
> }
> a.UserInfoLink
> {
> font-family: Verdana, Arial;
> font-weight: bold;
> font-size: 9pt;
> color: #ed486d;
> line-height: 15px;
> padding-left: 5px;
> text-decoration: none;
> }
> a.UserInfoLink:hover
> {
> padding-left: 5px;
> color: #dc143c;
> }
> a.Button
> {
> color: Black;
> font-family: Verdana, Helvetica, Sans-Serif;
> font-size: 12px;
> }
> ..AdminTitle
> {
> color: Black;
> font-family: Verdana, Helvetica, Sans-Serif;
> text-decoration: none;
> font-size: 21px;
> font-weight: bold;
> line-height: 25px;
> }
> ..AdminPageText
> {
> color: Navy;
> font-family: Verdana, Helvetica, Sans-Serif;
> text-decoration: none;
> font-size: 12px;
> }
> a.AdminPageText
> {
> color: Navy;
> font-family: Verdana, Helvetica, Sans-Serif;
> text-decoration: none;
> font-size: 12px;
> }
> a.AdminPageText:hover
> {
> color: Red;
> }
>