2010-10-27 7 views
0

J'ai une page principale qui comporte deux sections de contenu comme celui-ci (à gauche) certaines parties sur:CSS et JavaScript dans ASP.NET MVC 2 Pages

<head runat="server"> 
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" /> 
    <asp:ContentPlaceHolder runat="server" ID="HeadContent" /> 
</head> 

<body> 
    <div id="content"> 
     <div id="main"> 
      <asp:ContentPlaceHolder ID="MainContent" runat="server" /> 
     </div> 
    </div> 
</body> 

Dans l'une de mes pages .aspx qui fait référence à ce maître page, je fournir le contenu comme celui-ci (à gauche quelques parties hors):

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"> 

    <% using (Html.BeginForm("Create", "Document", FormMethod.Post)) 
     { %> 

     <p> 
      <%: Html.LabelFor(m => m.Title) %> 
      <%: Html.TextBoxFor(m => m.Title) %> 
      <%: Html.ValidationMessageFor(m => m.Title) %> 
     </p> 

     <p> 
      <input type="submit" class="t-button t-state-default" value="Create" /> 
     </p> 

    <% } %> 


</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="HeadContent" runat="server"> 
</asp:Content> 

Pourtant, l'étiquette créée par le morceau ci-dessus LabelFor ne sont pas coiffés. Dans mon fichier CSS, j'ai une règle pour définir la police globalement et cela ne s'applique pas - la police est par défaut à la place. Est-ce que je dois ré-inclure tous mes CSS et Javascript dans la section 'Content2' de la page .aspx? N'est-il pas suffisant de les inclure une fois dans Site.Master?

+0

À quoi ressemble votre étiquette? Jetez un oeil à la source dans un navigateur. Assurez-vous qu'ils correspondent. – asfsadf

Répondre

1

Vous avez seulement besoin d'inclure des références CSS et JavaScript dans la page principale. Le balisage des pages maître et contenu est combiné et envoyé sous la forme d'un document HTML unique.

Votre CSS ne correspond probablement pas correctement à votre balisage, donc les styles ne sont pas appliqués correctement. Vous pouvez ajouter le CSS à votre question pour plus d'aide ou utiliser Firebug pour inspecter la source et les styles.

1

Avez-vous inclus une règle de style pour <label>? Utilisez un inspecteur DOM (Firebug, etc.) pour voir d'où provient le style d'étiquette (ou son absence).

1

Je dois définir la règle de feuille de style pour <label>, comme ceci:

label { margin:10px; color:blue; }