Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

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

Posted on 2010-11-11
5
Medium Priority
?
693 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 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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
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…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
Suggested Courses

715 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