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
Solved

Difficulty loading style sheet into ASP.Net  sub pages

Posted on 2008-06-10
5
821 Views
Last Modified: 2010-04-21
Greetings all

 I have a MasterPage (See attached snippet). I have created a subpage from that and want to add a stylesheet (specfic to this page only, hence I only do it here).

My code:

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

 <link rel="stylesheet" type="text/css"
    href="CSS_Sheets/DefaultPageOnly.css" />

<div id="leftnav">
<p>
.....................

It looks Ok to me, but I am getting "Error      1      Cannot switch views: Validation (Internet Explorer 6): Element 'link' cannot be nested within element 'div'.      ......


What is the correct and best way to do this?

In advance, thanks!

  allanmark
<div id="container" >
	<div id="header">
	<!-- Header start -->
			 <h1>Scribblers</h1>
            
            <asp:Image ID="headerPict" runat="server" CssClass="headerPic" ImageUrl="~/Graphics/Book02.jpg" />
 
          <center><ul id='menu'>
                
                <li ><a href='<%=ResolveUrl("Default.aspx")%>' id='menuHome' >Home</a></li>
                <li ><a href='<%=ResolveUrl("~/Pages_Story_Script/Stories.aspx")%>' id='menuStories' >Stories</a></li>
 
                
             </ul>
          </center>
          
	<!-- Header end -->
	</div>
	
	<div id="body">
    <!-- Body start -->
	    <div id="dummy" style="position:relative; height: 120px"></div>
		
		
	<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
        </asp:contentplaceholder>
 
        
        <!-- Give a little space -->
        <div style="height:10px"></div>
        
    <!-- Body end -->
	</div>
	
	<div id="footer">
	<!-- Footer start -->
		  <hr align="center" color="Black" width="75%" />
          <label class="smallerFontSize">Copyright Scribblers @ 2008</label>                          
 
	<!-- Footer end -->
	</div>
	
</div>
</form>
 
</body>
 
</html>

Open in new window

0
Comment
Question by:allanmark
  • 3
  • 2
5 Comments
 
LVL 7

Assisted Solution

by:skiltz
skiltz earned 250 total points
ID: 21751015
You can place a contentplaceholder in the head section of the masterpage and then in the child place the stylesheet information in that contentplaceholder
0
 

Author Comment

by:allanmark
ID: 21751178
Ok.

What do I have to put in?

Also, won't that style sheet then be available/loaded into all content pages?

oops ... I see that the beginning part of my Master source was chopped off - re-attached below.

allanmark
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Scribble01.master.cs" Inherits="Scribble01" %>
 
<!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>Scribbles(2) Master</title>
    
    <link rel="stylesheet" type="text/css" 
    href="CSS_Sheets/Scribble.CSS" />
    
</head>
 
<body id="MasterBody" runat="server" >
 
<form id="form1" runat="server" style="height: 100%;">

Open in new window

0
 
LVL 7

Accepted Solution

by:
skiltz earned 250 total points
ID: 21751219
<head id="Head1" runat="server">
    <title>Scribbles(2) Master</title>
   
<asp:contentplaceholder id="header" runat="server" />
   
</head>

child page
load stlyesheet into header contentplaceholder
0
 

Author Comment

by:allanmark
ID: 21751518
Did this:

<head id="Head1" runat="server">
    <title>Scribbles(2) Master</title>
    <link rel="stylesheet" type="text/css"
    href="CSS_Sheets/Scribble.CSS" />    
    <asp:contentplaceholder id="ccsPlaceHolderr" runat="server" />  
</head>

Got this:-

Error      1      Unrecognized tag prefix or device filter 'asp'.      

What have I missed?
0
 

Author Closing Comment

by:allanmark
ID: 31465722
ThankYou!!
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

Suggested Solutions

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
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 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…

839 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