Bineesh  Viswanath

Bineesh Viswanath

  • NA
  • 1k
  • 777.4k

ASP.NET Page Design Problem

Aug 20 2013 4:43 AM
Sir, I am a bit confused of Page designing Pattern in ASP.NET.

My page Design is visible in Design time. But in runtime, none of them is visible

See the web Page view in Design time:-




And in Runtime, here is the view:-




I here giving my html and CSS code.

1) CSS

body
{
      
}
.Header//header picture
{
    width:1000px;
    height:195px;
     
}

.p1// paragraph written
{
    width:1000px;
    height:90px;
    margin-top:10px;
    background-color:#009999;
     
     
   
}
#wrapper// the orange colored portion
{
    width:1000px;
    height:600px;
    background-color:#FF9933;
   
}
.LoginBox // the login div
{
    width:400px;
    height:150px;
      padding:10px 80px auto 20px;
    margin-left:180px;
    margin-bottom:50px;
    margin-right:40px;
    margin-top:100px;
    background-color:#3EA99F;
     
}


2) HTML

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>SchoolERP</title>
    <link href="StyleSheet\StyleSheet.css" rel="Stylesheet" type="text/css" />
</head>

<body>
<form id="form1" runat="server">
   <div class="Header">
   <img src="Photos/HeaderImage.jpeg" alt="header"
           style="height: 194px; width:1000px" />  
   </div>
   <div class="p1">
   <p> This Website Deals with the School Automation System.
   <p> We facilitate this port to create, Modify, Delete Students, Teacher Information
   </p>
   </p>
   </div>
   <div  id="wrapper">
   <div style= " border:solid 2px orange;width:400px; height:150px;" class="LoginBox">
    
   <br />&nbsp
   <asp:Label ID="lblUserName" runat="server" Text="UserName"></asp:Label>
  
   &nbsp &nbsp<asp:TextBox ID="txtUserName" runat="server" Width="160px" style="margin-top:10px;"></asp:TextBox>
   <br />
   <br />
   &nbsp &nbsp<asp:Label ID="lblPassword" runat="server" Text="Password"></asp:Label>
   &nbsp &nbsp<asp:TextBox ID="txtPassword" runat="server" Width="160px"></asp:TextBox>
   <br />
   <br />
   &nbsp &nbsp<asp:Button ID="btnLogin" Text="Login" runat="server" Width="120px" />
   &nbsp &nbsp &nbsp <asp:Button ID="btnReset" Text="Reset" runat="server" Width="89px" />
   </div>
   </div>
   </form>
</body>

</html>


Answers (1)