当前位置： 文江博客话题详情

表格不显示html页面

发布于 2024-11-15 06:19:22 字数 6213 浏览 4 评论 0原文 

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

<!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>ePay</title>
    <style type="text/css">
        html, body 
         {
              height:100%; 
              margin:0; 
              padding:0; 
              overflow: hidden; 
              width:100%;  
              background-position:center;
              background-repeat:no-repeat;

        }

      #page-background {position:fixed; top:0; left:0; width:100%; height:100%;}

        #content {position:relative; z-index:1; padding:10px;}

        .leftAlignment
        {
            padding-left:10px;
        }

        .heading
        {
            padding-left:10px;
            color:#7a7474;
            font-size:20;
        }


        .content
        {
            padding-left:10px;
            padding-top:20px;
        }


        #background img{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 0;
            margin-right: 0px;
        }
        #bodywrap {
                position:absolute;
                width: 94%;
                margin-left: 3%;
                margin-right: 3%;
                margin-top: 10px;
                z-index: 20;
        }
        #backdrop {
                position: absolute;

        }

</style>
</head>
<body>
<div style="padding-top:10px;">
             <div id="background">
                    <img src="images/background.jpg" alt="Background Image"/>
            </div>
<div id="bodywrap">
    <div id="backdrop">
    <span class="heading" > User Creation </span></div>
    <div class="leftAlignment" ><img src="images/line.png" width="600"/></div>
    <div class="content">
<form id="form1" runat="server">
<div>

    <br />
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

    <asp:Panel ID="PanelUser" runat="server">
    <table border="0" align="center" style="position:absolute;">
        <tr>
            <td>
                Employee ID:</td>
            <td>
                <asp:TextBox ID="TexEmpID" runat="server" AutoPostBack="True" 
                    ontextchanged="TexEmpID_TextChanged"></asp:TextBox>
            </td>
        </tr>

        <tr>
            <td>Employee Name:</td>
            <td>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                    <ContentTemplate>
                                        <asp:TextBox ID="TextEmpName" runat="server">       </asp:TextBox>
                                    </ContentTemplate>
                                    <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="TexEmpID" EventName="TextChanged" />
                                    </Triggers>
                                </asp:UpdatePanel></td>
        </tr>

        <tr>
            <td>User Name:</td>
            <td><asp:UpdatePanel ID="UpdatePanel2" runat="server">
                                    <ContentTemplate>
                               <asp:TextBox ID="TextUserName" runat="server">      </asp:TextBox>
                                    </ContentTemplate>
                                    <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="TexEmpID"   EventName="TextChanged" />
                                    </Triggers>
                                </asp:UpdatePanel>
             </td>
        </tr>

        <tr>
            <td>Password:</td>
            <td>
               <asp:TextBox ID="TextPassword" runat="server" TextMode="Password"></asp:TextBox>
                                <asp:CompareValidator ID="CompareValidator1" runat="server" 
                                    ControlToCompare="TextPassword" ControlToValidate="TextRePassword" 
                                    ErrorMessage="*"></asp:CompareValidator>

            </td>
        </tr>

        <tr>
            <td>Re Type Password:</td>
            <td> <asp:TextBox ID="TextRePassword" runat="server" TextMode="Password"></asp:TextBox></td>
        </tr>

        <tr>
            <td>  <asp:UpdatePanel ID="UpdatePanel3" runat="server">
                                    <ContentTemplate>
                                        <asp:CheckBox ID="cbIsInactive" runat="server" Text="   Inactive" 
                                            Width="108px" />
                                    </ContentTemplate>
                                    <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="TexEmpID" EventName="TextChanged" />
                                    </Triggers>
                                </asp:UpdatePanel></td>
            <td></td>
        </tr>

        <tr>

            <td align="center">
                <asp:Button ID="btSubmit" runat="server" onclick="btSubmit_Click" 
                    Text="Submit" />
            </td>
            <td align="center">
                <asp:Button ID="btnReset" runat="server" Text="Reset" />
            </td>

        </tr>



    </table>
    </asp:Panel>

        </div>

     </div>
    </div>
  </form>
    </div>
<p>
     </p>
</body>
</html>
原文 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UserCreation.aspx.cs" Inherits="UserCreation" %>

<!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>ePay</title>
    <style type="text/css">
        html, body 
         {
              height:100%; 
              margin:0; 
              padding:0; 
              overflow: hidden; 
              width:100%;  
              background-position:center;
              background-repeat:no-repeat;

        }

      #page-background {position:fixed; top:0; left:0; width:100%; height:100%;}

        #content {position:relative; z-index:1; padding:10px;}

        .leftAlignment
        {
            padding-left:10px;
        }

        .heading
        {
            padding-left:10px;
            color:#7a7474;
            font-size:20;
        }


        .content
        {
            padding-left:10px;
            padding-top:20px;
        }


        #background img{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 0;
            margin-right: 0px;
        }
        #bodywrap {
                position:absolute;
                width: 94%;
                margin-left: 3%;
                margin-right: 3%;
                margin-top: 10px;
                z-index: 20;
        }
        #backdrop {
                position: absolute;

        }

</style>
</head>
<body>
<div style="padding-top:10px;">
             <div id="background">
                    <img src="images/background.jpg" alt="Background Image"/>
            </div>
<div id="bodywrap">
    <div id="backdrop">
    <span class="heading" > User Creation </span></div>
    <div class="leftAlignment" ><img src="images/line.png" width="600"/></div>
    <div class="content">
<form id="form1" runat="server">
<div>

    <br />
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

    <asp:Panel ID="PanelUser" runat="server">
    <table border="0" align="center" style="position:absolute;">
        <tr>
            <td>
                Employee ID:</td>
            <td>
                <asp:TextBox ID="TexEmpID" runat="server" AutoPostBack="True" 
                    ontextchanged="TexEmpID_TextChanged"></asp:TextBox>
            </td>
        </tr>

        <tr>
            <td>Employee Name:</td>
            <td>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                    <ContentTemplate>
                                        <asp:TextBox ID="TextEmpName" runat="server">       </asp:TextBox>
                                    </ContentTemplate>
                                    <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="TexEmpID" EventName="TextChanged" />
                                    </Triggers>
                                </asp:UpdatePanel></td>
        </tr>

        <tr>
            <td>User Name:</td>
            <td><asp:UpdatePanel ID="UpdatePanel2" runat="server">
                                    <ContentTemplate>
                               <asp:TextBox ID="TextUserName" runat="server">      </asp:TextBox>
                                    </ContentTemplate>
                                    <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="TexEmpID"   EventName="TextChanged" />
                                    </Triggers>
                                </asp:UpdatePanel>
             </td>
        </tr>

        <tr>
            <td>Password:</td>
            <td>
               <asp:TextBox ID="TextPassword" runat="server" TextMode="Password"></asp:TextBox>
                                <asp:CompareValidator ID="CompareValidator1" runat="server" 
                                    ControlToCompare="TextPassword" ControlToValidate="TextRePassword" 
                                    ErrorMessage="*"></asp:CompareValidator>

            </td>
        </tr>

        <tr>
            <td>Re Type Password:</td>
            <td> <asp:TextBox ID="TextRePassword" runat="server" TextMode="Password"></asp:TextBox></td>
        </tr>

        <tr>
            <td>  <asp:UpdatePanel ID="UpdatePanel3" runat="server">
                                    <ContentTemplate>
                                        <asp:CheckBox ID="cbIsInactive" runat="server" Text="   Inactive" 
                                            Width="108px" />
                                    </ContentTemplate>
                                    <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="TexEmpID" EventName="TextChanged" />
                                    </Triggers>
                                </asp:UpdatePanel></td>
            <td></td>
        </tr>

        <tr>

            <td align="center">
                <asp:Button ID="btSubmit" runat="server" onclick="btSubmit_Click" 
                    Text="Submit" />
            </td>
            <td align="center">
                <asp:Button ID="btnReset" runat="server" Text="Reset" />
            </td>

        </tr>



    </table>
    </asp:Panel>

        </div>

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（1）

℡Ms空城旧梦 2024-11-22 06:19:22

你的桌子在这里。问题是你的CSS中的这一行：

overflow: hidden;

如果需要的话，它会使滚动条隐藏。如果将其更改为：

overflow: auto;

并稍微滚动，您将看到您的表格。剩下的就取决于您如何正确定位所有元素。

Your table is here. The problem is this line in your css:

overflow: hidden;

It makes the scrollbar hide if one is needed. If you change it to:

overflow: auto;

and scroll a little, you'll see your table. The rest is up to you in order to position all the elements properly.

回复 原文
~没有更多了~

关于作者

桃扇骨

暂无简介

0 文章
0 评论
24 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

胡图图

文章 0 评论 0

zt006

文章 0 评论 0

z祗昰~

文章 0 评论 0

冰葑

文章 0 评论 0

野の

文章 0 评论 0

天空

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文