2010-05-05 99 views
0

学习如何在asp.net中做母版页。试图弄清楚我的样式表如何与尊重主页和内容页的交互。我可以得到HTML标签,比如body和样式表来做出反应。但是,当我调用标签的ID属性时,不会发生样式。就交互而言,我在这里错过了什么? BTW我使用VS2008asp.net母版页/内容页面与样式表的交互

CSS样本:

body 
{ 
height:1200px; 
width:920px; 
border-style:solid; 
border-color:blue; 
padding:10px 10px 10px 10px; 
} 

#toptext1 
{ 
position:relative; 
top:-225px; 
right:-500px; 
font-size:22px; 
font-weight:bold; 
} 

从母版页:

<body> 
    <form id="form1" runat="server"> 
     <asp:image id="cookNookLogo" ImageUrl="images/Logo.gif" runat="server" 
     AlternateText="CookNook" Width="449px"></asp:image> 
    <p> 
    <asp:Label ID="toptext1" runat="server" Text="Quality Recipes, Hints and Supplies"></asp:Label> 

</p> 

从内容页:

<%@ Page Language="C#" MasterPageFile="~/CNMasterPage.master" AutoEventWireup="true"  CodeFile="Home.aspx.cs" Inherits="Home" Title="Untitled Page" %> 

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

<link href="App_Themes/cn/cn.css" rel="stylesheet" type="text/css" /> 

</asp:Content> 

当我这样做不一个母版页,它的工作,我在哪里出错的属性?

+0

您是使用ASP.NET还是经典ASP? – 2010-05-05 19:55:41

回答

3

你可能有这样的事情,而不是

CSS

.toptext1 
{ 
position:relative; 
top:-225px; 
right:-500px; 
font-size:22px; 
font-weight:bold; 
} 

ASPX

<asp:Label ID="toptext1" runat="server" CssClass="toptext1" Text="Quality 
Recipes, Hints and Supplies"></asp:Label>

肖恩维埃拉说。您分配给网页控件的ID与发送给浏览器的ID不同。

这里有一个很好的教程,解释.NET如何管理Web控件的ID。

http://www.asp.net/LEARN/master-pages/tutorial-05-vb.aspx

+0

您分配给网页控件的标识与发送给浏览器的标识不同。 ....我学习一种新语言时忽视的东西。 谢谢! – Matt 2010-05-05 20:06:49

2

如果你看一下你的页面生成的源代码,你会看到.NET具有更换你的ID有一个更为详细的ID,指定容器,它是在一节。

看你的代码中,ID可能是这样的:c100_toptext1(尽管它依赖于.NET的版本,您正在使用)