Page principale n'obtient pas de style pour contentPlaceHolder

C'est la première fois que je travaille avec Content. J'ai créé une page ASPX complète avec tous les style et etc et il ressemble à ceci avec tout le style/bootstrap et etc:Page principale n'obtient pas de style pour contentPlaceHolder

Utilisation de la première page comme une référence, je me suis séparé le code de celui-ci et recopié dans la page principale et déplacé tout le code de la barre de navigation dans la page Default.aspx.

Lorsque je crée un maître de contenu et ajoutez le code il apparaît comme ceci:

Je ne suis pas sûr pourquoi le style et etc ne se présente pas. Quelque chose doit être organisé mal?

J'ai même essayé d'ajouter css directement dans le Master mais encore css ne fonctionnait pas.

<%@ 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>

Source

2017-04-19 narue1992

Regardez le rendu HTML dans le navigateur. Tout apparaît comme prévu? Les chemins d'accès aux fichiers CSS semblent-ils corrects? Que se passe-t-il si vous observez l'onglet Réseau des outils de développement de votre navigateur lorsque vous chargez la page? – mason

C'est probablement un identifiant qui a été renommé 'topContent_menu-content' ou quelque chose comme ça. Vérifiez le HTML. – VDWWD

J'ai vérifié un exemple en ligne et je vois qu'ils condense la deuxième page aspx à l'intérieur d'un contenu que je n'ai pas fait. J'ai également essayé et reformaté sur la base d'un exemple et, pour une raison quelconque, de leur travail. affichera mon code – narue1992

Je ne sais pas exactement ce que j'ai formaté mal, mais en face de la structure d'un exemple dans un nouveau maître et en ajoutant le contenu autour de mon Default.aspx il affiché il. Alors je l'ai enlevé le <a> pour mon 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>

Maître

<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>

Source

2017-04-19 13:27:27 narue1992

Page principale n'obtient pas de style pour contentPlaceHolder

Répondre

Questions connexes