stylesheet effects does not display

Posted by Sunitajadhav under IIS on 6/1/2010 | Views : 4419 | Status : [Member] | Replies : 9
hello guys,
i have created web application.when i browse my application through IIS at that time style sheet effects does not display.it shows only simple page.what should i do?
Help me.
Thanks in advance.




Responses

Posted by: Poster on: 6/1/2010 [Member] Starter

Up
0
Down
Go to the source of the page and search for the .css file.

Ensure that the path of the .css file is appearing correct, if not change the path in your .aspx page. This is to do with the path problem when you are specifying the .css file.

eg. You can specify "/Styles/MondayStyle.css" if your css file is in the Styles folder under root folder of your application.

Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Sunitajadhav on: 6/1/2010 [Member] Starter

Up
0
Down
i have already done that.In internal web server it shows style sheet effects but when i browse my application through IIS then it does not show style sheet effects.Help me.
Thanks in advance

Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Vuyiswamb on: 6/1/2010 [Member] [MVP] [Administrator] NotApplicable

Up
0
Down
Can we see your style ?

What is the Style linked to in your Page , What is that control or element that does not behave to a style that you want.

Thank you for posting at Dotnetfunda

Vuyiswa Maseko


Thank you for posting at Dotnetfunda
[Administrator]

Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Sunitajadhav on: 6/1/2010 [Member] Starter

Up
0
Down
hey ,
i m giving my stylesheet code here.it works in internal web browser in visual studio 2005.I have created virtual directory on IIS when i browse my page through virtual directory it does not show any effect.yesterday it was worked.Today i have done some changes in IIS setting and now i m not getting any style sheet effects.I forgot that changes.What should i do?


body {
background-color:#333333;
font-size:10pt;
font-family:Arial;
margin:0;
padding:0;
color:#FFFFFF;
}

#page {
width:900px;
background-image:url(Images/HomePage/page.png);
margin:auto;
padding:auto;
}

#header {
clear:both;
width:840px;
height:109px;
background-image:url(Images/HomePage/header.png);
padding-left:60px;
padding-top:55px;
}

#sidebarnav {
margin-top:10px;
padding-bottom:10px;
background-color:#333333;
}

#sidebarnav a
{
width:215px;
display:block;
clear:both;
padding-right:15px;
padding-top:6px;
height:25px;
color:#FFFFFF;
text-decoration:none;
font-size:14px;
font-weight:bold;
background-color:#333333;
margin-top:3px;
text-align:right;
}


#sidebarnav a:hover, #sidebarnav a.active
{
background-color:#5b5b5b;
text-decoration:none;
color:#FFFFFF;
}

#schedulebar
{
float:left;
width:230px;
height:25px;
line-height:14pt;
color:#FFFFFF;
}
#schedulingarea a
{
width:520px;
display:block;
padding-right:15px;
padding-top:6px;
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
#schedulingarea a:hover, #schedulingarea a.active
{
background-color:#5b5b5b;
text-decoration:none;
color:#5CB3FF;
}
#Querybar
{
float:left;
width:230px;
height:25px;
line-height:14pt;
color:#FFFFFF;
}

#QueryMenuArea a
{
width:520px;
display:block;
padding-right:15px;
padding-top:6px;
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}

#QueryMenuArea a:hover, #QueryMenuArea a.active
{
background-color:#5b5b5b;
text-decoration:none;
color:#5CB3FF;
}

.widget
{
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}

#mainarea {
width:860px;
clear:both;
padding-left:30px;
}

#contentarea
{
width:570px;
padding-left:20px;
padding-bottom:20px;
float:left;
line-height:14pt;
padding-top:5px;
}

#sidebar {
float:left;
width:230px;
line-height:14pt;
color:#FFFFFF;
}

#footer {
width:900px;
clear:both;
height:54px;
padding-top:40px;
text-align:center;
line-height:14pt;
background-image:url(Images/HomePage/footer.png);
background-repeat:no-repeat;
color:#FFFFFF;
}

#footer a
{
color:#FFFFFF;
}

h1, h1 a {
font-size:25pt;
color:#FFFFFF;
margin:0;
}

h2 {
font-size:15pt;
color:#FFFFFF;
padding-top:6px;
}

#sidebar h2 {
font-size:15pt;
padding-left:10px;
color:#FFFFFF;
padding-top:6px;
}

.description {
font-size:14pt;
color:#FFFFFF;
}

a {
color:#555555;
text-decoration:none;
}

#sidebar a
{
color:#FFFFCC;
}
#schedulebar a
{
color:#FFFFCC;
}
a:hover
{
text-decoration:underline;
}

.LableText
{
border-width:medium;
text-align:center;
font-size:medium;
font-family:Arial;
color:Black;
background-color:#ADDFFF;
width:126;
height:30;
}


Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Vuyiswamb on: 6/1/2010 [Member] [MVP] [Administrator] NotApplicable

Up
0
Down
Can you please give us a live url , you are saying that at your design time it shows the styles effects , but when you put in in IIS it does not ?

Thank you for posting at Dotnetfunda
[Administrator]

Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Sunitajadhav on: 6/1/2010 [Member] Starter

Up
0
Down
hey ,
i have attached design page & run time page.Please find attached files.
Thanks in advance.
 Download source file

Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Vuyiswamb on: 6/1/2010 [Member] [MVP] [Administrator] NotApplicable

Up
0
Down
Dont open this with FireFox, open it with Internet Explorer and send me a screenshot

Thank you for posting at Dotnetfunda
[Administrator]

Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Poster on: 6/1/2010 [Member] Starter

Up
0
Down
Send your code by going to viewsource and finding the .css, we are interested to know the url of the .css file you are referring.

Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Sunitajadhav on: 6/2/2010 [Member] Starter

Up
0
Down
hey guys,
Thanks a lot....


Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response