css not working in certain section of master page but working in separate web form asp.net -
i have created master page basic login page , applied css in it. styles background , footer only, other divs not applied.
so decided create web form , copied without contentplaceholder works
my css code: http://pastebin.com/raw.php?i=0n6szl5p
my css working web form code: http://pastebin.com/raw.php?i=qrvttgqn
master page code: http://pastebin.com/raw.php?i=c2lh0sre
and content login page: http://pastebin.com/raw.php?i=gdqpwnvx
i'm newbie in asp , i'm not trolling. if silly mistake please point out , me
based on stylesheet, problem master page should have wrapper <div>
surrounds of nested elements.
a lot of <div id="xx">
elements should changed <div class="xx">
stylesheet css class definitions. e.g.
from:
<div id="top" runat="server">
and..
<div id="mainpage" runat="server">
and..
to:
<div class="top">
and..
<div class="mainpage">
and..
<div class="footer">
complete master page changes
<%@ master language="c#" autoeventwireup="true" codebehind="demo.master.cs" inherits="ui.master.demo" %> <!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 id="head1" runat="server"> <link href="../css/site.css" rel="stylesheet" /> <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" /> <script src="//code.jquery.com/jquery-1.9.1.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <title>demo</title> </head> <body> <form id="form1" runat="server"> <div> <div class="top"> <div class="topmiddle"> <div class="logreg" id="login_reg" runat="server"> <a href="~/my_account/demo_login.aspx" class="toptext" runat="server">login</a> <a href="~/my_account/demo_register.aspx" class="toptext" runat="server">register</a> </div> <div class="userlog" id="user_logout" runat="server" visible="false"> welcome<asp:label id="username" runat="server">!</asp:label> <a id="a3" href="logout.aspx" class="atypesty" runat="server">logout</a> </div> </div> </div> <div class="mainpage"> <table class="maintable"> <tr> <td> <img src="../images/logo.jpg" class="logo" /> </td> <td class="menucenter"> <ul id="nav"> <li> <a href="#">home</a> </li> <li id="navprofile" runat="server"> <asp:linkbutton id="lnbtn_profile" runat="server"></asp:linkbutton> </li> <li> <a href="#">about us</a> </li> <li> <a href="#">contact us</a> </li> </ul> </td> </tr> </table> <asp:contentplaceholder id="demo" runat="server"></asp:contentplaceholder> </div> <div class="footer"> <p>all words, images , code copyright ©2014 demo.com. rights reserved.</p> </div> </div> </form> </body> </html>
Comments
Post a Comment