Solved

Why is my .aspx page not responding to my external style sheet?

Posted on 2010-11-11
5
667 Views
Last Modified: 2012-05-10
I have an asp.net 2008 project that I am working on and it seems like the CSS for one of the pages is not responding.  What gives and how can I fix the problem?
0
Comment
Question by:VBBRett
  • 3
5 Comments
 
LVL 33

Accepted Solution

by:
Todd Gerbert earned 375 total points
ID: 34114046
You will need to be more specific, at this point (with the information you've provided) my first step is to ask if you've linked the style sheet in a <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> tag, with correct filename?  i.e., there's nothing special about doing so in an ASPX page, no particular tip/trick or known problems.
0
 
LVL 33

Assisted Solution

by:Todd Gerbert
Todd Gerbert earned 375 total points
ID: 34114054
Post your page's markup, the contents of the CSS and let us know what's not working as expected.
0
 

Author Comment

by:VBBRett
ID: 34117173
My contact_box is not being displayed in my contactus.aspx file.  It shows if the CSS is inside the .aspx page, but for some reason it is not being displayed when I have the CSS in an external style sheet.  Without further adue, please take a look at the files below:

Well below is my CSS file and my .aspx file

CSS file below
 
 
  /*All Web Pages*/
 
  body {background-image: url(../images/fadingbackground4.png); background-repeat:no-repeat;}
  #logoarea {width:578px; height:118px;}
  #graphiclinks {position:absolute; width:100px; height: 65px; margin: -50px 0 -100px 500px;}
   #upperright_nav {width: 922px; height:41px; margin: 0 auto 0 auto;}
   #nav_div {margin: 30px auto 0px 1px; width: 922px; height:25px;}
 
  /*-----End All Web Pages-----*/
 
 
  /*Aboutus.aspx Page*/
 
   #aboutus_header {width:200px; margin: 75px auto 0 auto; font-family:arial; color:#666666; font-weight:bold; font-size:30px;}        
 
   #subscriber_aboutusheader{width:200px; margin: 50px auto 0 auto; font-family:arial; color:#666666; font-weight:bold; font-size:20px;}
   #subscriber_aboutuscontent {width:650px; margin: 10px auto 0 auto; font-family:Arial; color:#666666; font-size:12px;}
 
   #aboutus_companyheader {width:200px; margin: 75px auto 0 auto; font-family:arial; color:#666666; font-weight:bold; font-weight:bold; font-size:18px;}
   #aboutus_companycontent {width:650px; margin: 10px auto 0 auto; font-family:Arial; color:#666666; font-size:12px;}        
   
   #aboutus_allheader {width:200px; margin: 75px auto 0 auto; font-family:arial; color:#666666; font-weight:bold; font-weight:bold; font-size:18px;}
   #aboutus_allcontent {width:650px; margin: 10px auto 0 auto; font-family:Arial; color:#666666; font-size:12px;}        
   
   #newsletter_link {color:#0066CC; font-family:Arial; text-decoration:none;}
     
   
  /*------End Aboutus.aspx Page-----*/
 
 
  /*Alerts.aspx Page*/
 
 
  /*-----End Alerts.aspx Page-----*/
 
 
  /*Blogs.aspx Page*/
 
  /*-----End Blogs.aspx Page-----*/
 
  /*Comments.aspx Page*/
 
  /*-----End Comments.aspx-----*/
 
 
  /*Contactus.aspx Page*/
    contact_header {width:200px; margin: 75px auto 0 auto; font-family:arial; color:#666666; font-weight:bold; font-size:30px;}
 
   /* #contact_box {margin-top:100px; border-width:medium; border-style:inset; border-color:#000000; width:750px; height:500px; margin-left:100px;} */
 
 
  /*-----End Contactus.aspx Page-----*/
 
 
 
  /*Default.aspx Page*/
 
  /*-----End Default.aspx Page-----*/
 
  /*Disclaimer.aspx Page*/
 
  /*-----End Disclaimer.aspx Page----*/
 
  /*Faq.aspx Page*/
 
  /*-----End Faq.aspx Page-----*/
 
  /*PennyStocks.aspx Page*/
 
  /*-----End PennyStocks.aspx Page-----*/
 
  /*Pricing.aspx Page*/
 
  /*-----End Pricing.aspx Page-----*/
 
  /*Whychooseus.aspx Page*/
 
  /*-----End Whychooseus.aspx Page----*/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  #header_housing { width: 922px; height: 126px; margin: 65px 50px 0 240px;}
 
 
  #housing_div {width: 922px; margin:0px auto;}
 
  #content {border: solid 1px; border-color: #8da4cb;  height: 700px; width: 922px; background: #FFFFFF url(images/product_essential_bg2.gif) no-repeat scroll 100% 0;}
  .button {display:block; width:250px; background:transparent url(images/subscribegreen.png)}
   #subscribe_input { border: solid 1px; height: 50; width: 420px; z-index:50; background: #FFFFFF url(images/gradienttextbg.gif) no-repeat scroll 100% 0; }
   #subscribe {margin-top:100px; width:450px; height:100px; margin-left:100px;}
   #imagebuttondiv {height:100px; width:260px; margin-top:-110px; margin-right:100px; float:right}
   .button{display:block; width:250px; background:transparent url(images/subscribegreen.png)}


And my aspx file below:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Contactus.aspx.vb" Inherits="Contactus" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link rel="Stylesheet" type="text/css" href="css/WallStBulls.css" />
</head>

<body>
    <form id="form1" runat="server">  
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
    </telerik:RadStyleSheetManager>
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>  
    <div id="upperright_nav">
        <a href="http://www.facebook.com/profile.php?id=100001775234016"><img src="images/facebook-logo2.png" border="0" align="right" style="margin-left:10px;" alt="TheWAllStBullsFaceBook" />
        </a>
        <a href="http://www.linkedin.com/pub/the-wallst-bulls/26/855/b1b"><img src="images/SquaredLinkedIn_logo2.png" border="0" align="right" style="margin-left:10px;" alt="TheWallStBullsLinkedIn" />
        </a>
        <a href="http://www.stumbleupon.com/stumbler/TheWallStBulls"><img src="images/stumbleupon_logo2.png" border="0" align="right" style="margin-left:10px;" alt="TheWallStBullsStumbleUpon" />
        </a>
        <a href="http://www.twitter.com/thewallstbulls"><img src="images/twitterbird2.png" border="0" align="right" style="margin-left:10px;" alt="TheWallStBullsTwitter" />
        </a>
        <a href="Contactus.aspx"><img src="images/email6.png" style="margin-top:3px; margin-left:10px;" border="0" align="right" alt="contactus" />
        </a>  
        <a href="Default.aspx"><img src="images/homelink6.png" border="0" align="right"  alt="homelink" />
        </a>              
    </div>
     <div id="header_housing">
        <div id="logoarea">
            <a href="Default.aspx"><img src="images/wallstbullsfinallogo1.png" border="0"  alt="thewallstbulls" />
            </a>
        </div>        
    </div>  
    <div id="housing_div">
        <div id="nav_div">      
            <telerik:RadMenu ID="RadMenu1" runat="server" Skin="WebBlue"
                style="top: 0px; left: 0px">
                <Items>
                    <telerik:RadMenuItem runat="server" Text="HOME " NavigateUrl="~/Default.aspx">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="ABOUT US " 
                        NavigateUrl="~/Aboutus.aspx">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="WHY CHOOSE US">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="PRICING">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="SMALL CAP &amp; PENNY STOCKS">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="CONTACT US"
                        NavigateUrl="~/Contactus.aspx">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="SERVICES">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="WEB MARKETING">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="WEB DESIGN">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="ONLINE NEWSLETTERES">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="INVESTOR RELATIONS">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="PRESS RELEASES">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="CEO SPEECH WRITING">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="CORPORATE CONSULTING">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="GRAPHIC DESIGN">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="TAKING YOUR COMPANY PUBLIC">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="DISCLAIMER"
                        NavigateUrl="~/Disclaimer.aspx">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="COMMENTS &amp; OPINIONS">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="BLOGS">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="ALERTS">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="FAQ">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenu>
        </div>
        <div id="content">  
         
          <div id="contact_box">
            <div id="contact_header" style="width:200px; margin: 20px auto 0 auto; font-family:arial; color:#666666; font-weight:bold; font-size:30px;">
                Contact Us
            </div>
            <div id="contact_text" style="width:165px; margin: 10px auto 0 auto; font-family:arial; color:#666666; font-weight:bold; font-size:12px;">
                Feel free to Contact Us
            </div>
            <telerik:RadTextBox ID="name_textbox" BorderStyle="Inset" BorderWidth="1"
                    Font-Size="12"  Width="420"  runat="server"
                    EmptyMessage="Please Enter Your Name" Skin="WebBlue" MaxLength="70"
                    Rows="1" style="margin-top:20px !important; margin-left:170px;">
             </telerik:RadTextBox>              
             <telerik:RadTextBox ID="email_textbox"  BorderStyle="Inset" BorderWidth="1"
                    Font-Size="12"  Width="420"  runat="server"
                    EmptyMessage="Enter Email Address Here" Skin="WebBlue" MaxLength="70"
                    Rows="1" style="margin-top:20px !important; margin-left:170px;">
             </telerik:RadTextBox>            
             <telerik:RadTextBox ID="email_body"  BorderStyle="Inset" BorderWidth="1"
                    Font-Size="12"  Width="420" Height="250"  runat="server"
                    EmptyMessage="Enter Email Body Here" Skin="WebBlue" MaxLength="600"
                    Rows="15" style="margin-top:20px !important; margin-left:170px;"
                  TextMode="MultiLine">
             </telerik:RadTextBox>            
          </div>
        </div>
        </div>      
    </form>
</body>
</html>
0
 
LVL 7

Assisted Solution

by:mr_nadger
mr_nadger earned 125 total points
ID: 34119817
/* #contact_box {margin-top:100px; border-width:medium; border-style:inset; border-color:#000000; width:750px; height:500px; margin-left:100px;} */

is that commented out?
0
 
LVL 33

Assisted Solution

by:Todd Gerbert
Todd Gerbert earned 375 total points
ID: 34121125
I concur.  Uncomment the #contact_box style.
0

Featured Post

Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question