Взаимодействие главной страницы / страницы контента asp.net с таблицей стилей - PullRequest
Новая
       14

Взаимодействие главной страницы / страницы контента asp.net с таблицей стилей

0 голосов
/ 05 мая 2010

Обучение тому, как сделать главную страницу в asp.net. Попытка выяснить, как моя таблица стилей взаимодействует с главной страницей и страницей содержимого. Я могу заставить теги HTML, такие как body, и таблицу стилей реагировать. Но когда я вызываю атрибут ID метки, стилизация не происходит. Что мне здесь не хватает в плане взаимодействия? Кстати я использую VS2008

Пример 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>

Когда я делал это без главной страницы, это работало, поэтому, где я ошибаюсь с атрибутами?

Ответы [ 2 ]

3 голосов
/ 05 мая 2010

Вместо этого у вас может быть что-то подобное

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>

Как заметил Шон Виейра. Идентификатор, назначаемый веб-элементу управления, не совпадает с идентификатором, отправляемым в браузер.

Здесь у вас есть хорошее руководство, объясняющее, как .NET управляет идентификаторами для веб-элементов управления.

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

2 голосов
/ 05 мая 2010

Если вы посмотрите на сгенерированный исходный код вашей страницы, вы увидите, что .NET заменил вашего идентификатора на более подробный идентификатор, указав контейнер и раздел, в котором он находится.

Глядя на ваш код, идентификатор, вероятно, выглядит примерно так: c100_toptext1 (хотя это зависит от используемой версии .NET)

...