マスターページがcontentPlaceHolderのスタイリングを取得しません

私はContentで初めて作業しました。私はすべてのスタイルとなどとの完全なaspxページを作成し、それがすべてのスタイリング/ブートストラップおよびなどで次のようになります。マスターページがcontentPlaceHolderのスタイリングを取得しません

参照として最初のページを使用して、私はそれからコードを分離し、コピーしましたそれをマスターページに追加し、すべてのnavbarコードをDefault.aspxページに移動しました。

私はコンテンツマスターを作成し、それはこのように現れるのコードを追加します。スタイリングとなどが表示されない理由を私はわからないよ

。何かが間違って組織されなければなりませんか？

私はさらにマスターに直接CSSを追加しようとしましたが、まだCSSが機能しませんでした。

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site1.master.vb" Inherits="CherylsGroupWeb.Site1" %> 

<!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 runat="server"> 
<title></title> 
<!-- Latest compiled and minified CSS --> 
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/> 
<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet nofollow" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/> 
<!-- jQuery library --> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
<!-- Latest compiled JavaScript --> 
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<link href="Index.css" rel="stylesheet" type="text/css" />  
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#menu-content li').click(function() { 
      $('#menu-content .active').removeClass('active'); // remove the class from the currently selected 
      $(this).addClass('active'); // add the class to the newly clicked link 
     });  
</script> 

<style> 
    <!-- put all css here to test as well --> 
</style> 

<asp:ContentPlaceHolder ID="head" runat="server"> 

</asp:ContentPlaceHolder> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 

    <asp:ContentPlaceHolder ID="topContent" runat="server"> 
      <a href="Default.aspx">Master Pages Tutorials</a> 

    </asp:ContentPlaceHolder> 

    <asp:ContentPlaceHolder ID="MainContent" runat="server"> 

    </asp:ContentPlaceHolder> 

</div> 
</form> 
</body> 
</html>

出典

2017-04-19 narue1992

ルックため<a>を削除しました。すべてが期待どおりに表示されますか？ CSSファイルへのパスが正しいかどうかページを読み込むときにブラウザのデベロッパーツールの[ネットワーク]タブを見るとどうなりますか？ – mason

これはおそらく 'topContent_menu-content'などに改名されたIDです。 HTMLをチェックしてください。 – VDWWD

私は例をオンラインで確認しましたが、私がしなかったコンテンツの中に2番目のaspxページを凝縮することがわかりました。私はまた、例に基づいて、何らかの理由で彼らの仕事に基づいて再フォーマットしました。私のコードを投稿します – narue1992

私はまさに私が間違ってフォーマットされたかわからないけど、新しいマスターに例の構造を対処し、私のDefault.aspxの周りにコンテンツを追加することにより、それを表示します。だから私は、ブラウザでレンダリングされたHTMLでの私のDefault.aspx

Default.aspxの

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="GroupWeb._Default1" MasterPageFile="~/Site2.Master" %> 


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

</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="topContent" runat="server"> 
     <!-- my nav bar code ---> 
</asp:Content>

マスター

<body> 
<form id="form1" runat="server"> 
<div id='mainBody'> 
<h1> 
    How to use Master Pages in ASP.NET 
</h1> 
<br /> 
<b>This is a Master Page Content.</b> 
<br /> 
<br /> 
<div> 

    <asp:ContentPlaceHolder ID="topContent" runat="server"> 

    </asp:ContentPlaceHolder> 
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
    <!-- ContentPlaceHolder is used to enable the pages which uses this page as master page, to place their contents --> 
    </asp:ContentPlaceHolder> 
</div> 
</div> 
</form> 
</body>

出典

2017-04-19 13:27:27 narue1992

マスターページがcontentPlaceHolderのスタイリングを取得しません

答えて

関連する問題