Solved

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

Posted on 2010-11-11
5
690 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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
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

631 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