Pagalbos su MasterPages

Lapkričio 29, 2017

Sveiki, reikia pagalbos su MasterPages Microsoft Visual Studio. Su HTML viskas gaunas, bet perkelus ant MasterPages viskas susigadina.

HTML:

http://www.part.lt/img/0ff0fdd27f04a1820cbf1d46c96a5342999.png

MasterPages:

http://www.part.lt/img/f3b756354c3266078ca26a3608feeb66586.png

Kodas:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html>

<html>
<head runat="server">
   <link href="css/styles.css" rel="stylesheet" />
   <script src="js/jquery-3.2.1.min.js"></script>
   <asp:ContentPlaceHolder ID="head" runat="server">
   </asp:ContentPlaceHolder>
</head>
<body>
   <form id="frmMain" runat="server">
       <div class="top">
           <div class="top_left">
               <asp:ContentPlaceHolder ID="cpcLogo" runat="server">
               </asp:ContentPlaceHolder>
           </div>
           <div class="top_mid">
               <asp:ContentPlaceHolder ID="cpcMiddle" runat="server">
               </asp:ContentPlaceHolder>
           </div>
           <div class="top_right">
               <asp:ContentPlaceHolder ID="cpcLinks" runat="server">
               </asp:ContentPlaceHolder>
           </div>
       </div>
       <div id="menu">
               <ul>
                   <li><a href="Default.aspx">Pagrindinis</a></li>
                   <li><a href="#">Test</a></li>
                   <li><a href="#">Test</a></li>
                   <li><a href="#">Test</a></li>
               </ul>
           </div>
       <div id="main">
           <div id="page-left">
               <asp:ContentPlaceHolder ID="leftContent" runat="server">
               </asp:ContentPlaceHolder>
               </div>
           <div id="page-right">
               <asp:ContentPlaceHolder ID="rightContent" runat="server">
               </asp:ContentPlaceHolder>
               </div>
           </div>
       <div id="footer">
           <asp:ContentPlaceHolder ID="cpcFooter" runat="server">
               </asp:ContentPlaceHolder>
       </div>
   </form>
</body>
</html>



<!DOCTYPE html>
<html>
<head>
   <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
   <meta http-equiv="content-type" content="text/html; charset=utf8" />
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link href="styles.css" rel="stylesheet" />
   <title>TEST</title>
</head>
<body>
</body>
</html>

CSS:

body {
 display: flex;
 min-height: 100vh;
 flex-direction: column;
 background-color: #D8D8D8;
 padding: 0px;
 margin: 0px;
}
#footer, #page-right, #page-left {
   border: 1px solid black;
}
#footer {
height: 50px;
text-align: center;
}
#main {
 display: flex;
 flex: 1;
}
#page-right {
   flex: 1;
}
#page-left {
   width: 200px;
   order: -1;
}

.top * {
 height: 50px;
}

.top_left {
 float: left;
 clear: left;
 width: 200px;
 border-right: 1px solid #000;
 display: inline;
}

.top_mid {
 display: inline;
}

.top_right {
 float: right;
 display: inline;
 width: 200px;
 border-left: 1px solid #000;
}
#menu ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}
#menu ul li {
   background-color:cornflowerblue;
   border: solid 1px black;
   width: 120px;
   height: 35px;
   text-align: center;
   line-height: 35px;
   float: left;
   position:relative;
}
#menu ul li a {
   text-decoration:none;
   color:black;
   display:block;
}
#menu ul li a:hover {
   background-color:#ff6a00;
   color:#fff;
}
#menu ul ul {
   position: absolute;
   display: none;
}
#menu ul li > ul li {
   background-color:#18e27f;
   color:#edeef8;
   border:solid:1px black;
}

Redagavo Lapkričio 29, 2017 Skitelsas

Prisijungti

Pagalbos su MasterPages

Rekomenduojami pranešimai

Skitelsas 0

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Dabar naršo 0 narių

Prisijunk prie bendruomenės dabar!

Naujausios temos

Karštos temos

Veiklos srautas

Skelbimai