Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

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

Posted on 2010-11-11
5
Medium Priority
?
702 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 1500 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 1500 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 500 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 1500 total points
ID: 34121125
I concur.  Uncomment the #contact_box style.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

927 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