Solved

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

Posted on 2010-11-11
5
678 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Industry Leaders: 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

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!
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
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…

756 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