用户信息显示布局

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserList.ascx.cs" Inherits="secured_member_UserControl_UserList" %>
<style type="text/css">
    .left
    {
        width: 150px;
        height: 800px;
        padding: 20px;
        margin-bottom: 20px;
        float: left;
        border: red double 2px;
    }
    .left ul
    {
        list-style-type: none;
    }
</style>
<div class="left">
    <h1><img src="http://www.cnblogs.com/../Hander/PhotoDisplay.ashx?UserId=<%= model.UserID %>" width="100px"  height="100px" alt="<%=model.LoginName %>" title="<%=model.LoginName %>" />
       </h1>
    <ul>
        <li>
            <asp:HyperLink ID="hlkData" runat="server">个人资料</asp:HyperLink></li>
        <li>
            <asp:HyperLink ID="hlkDetail" runat="server">详细信息</asp:HyperLink></li>
        <li>
            <asp:HyperLink ID="hlkCourseware" runat="server">课件</asp:HyperLink></li>
        <li>
            <asp:HyperLink ID="hlkDocument" runat="server">文档</asp:HyperLink></li>
    </ul>
</div>

-------------------------------------------------------

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserDetail.ascx.cs" Inherits="secured_member_UserControl_UserDetail" %>
<style type="text/css">
    .right
    {
        width: 500px;
        height: 800px;
        padding: 20px;
        margin-bottom: 20px;
        float: left;
        border: black double 2px;
    }
    .right h4
    {
        color: #2D5883;
    }
    .right ul
    {
        list-style-type: none;
        color:#404040;
        font-family: Microsoft Yahei,Verdana,Simsun;
    }
   .right ul li span
    {
         color: #6E6E6E;
    }
</style>
<div class="right">
    <h4>
        <%=model.LoginName %></h4>
    <br />
    <h4>
        <img src="http://www.cnblogs.com/../Hander/PhotoDisplay.ashx?UserId=<%=model.UserID %>" height="60px"
            width="60px" alt="<%=model.LoginName %>" title="<%=model.LoginName %>" /></h4>
    <span>
        <asp:HyperLink ID="hlkEditPhoto" runat="server">编辑</asp:HyperLink></span>
    <br />
    <hr />
    <h4>
        <asp:Label ID="lblBasicInfo" runat="server" Text="基本信息"></asp:Label></h4>
    <span>
        <asp:HyperLink ID="hlkEditBasicInfo" runat="server">编辑</asp:HyperLink></span>
    <ul>
        <li>
            <asp:Label ID="lblName" runat="server" Text="名："></asp:Label><%=model.LastName %></li>
        <li>
            <asp:Label ID="lblSurname" runat="server" Text="姓："></asp:Label><%=model.FirstName %></li>
        <li>
            <asp:Label ID="lblHobby" runat="server" Text="爱好："></asp:Label><%=model.Hobbies %></li>
    </ul>
    <hr />
    <h4>
        <asp:Label ID="lblContactInformation" runat="server" Text="联系信息"></asp:Label></h4>
    <span>
        <asp:HyperLink ID="hlkEditContactInformation" runat="server">编辑</asp:HyperLink></span>
    <ul>
        <li>
            <asp:Label ID="lblBirthday" runat="server" Text="生日："></asp:Label><%=model.Birthday %></li>
        <li>
            <asp:Label ID="lblAddress" runat="server" Text="地址："></asp:Label><%=model.State%><%=model.Country %><%=model.Country %><%=model.Address %></li>
        <li>
            <asp:Label ID="lblMobile" runat="server" Text="手机："></asp:Label><%=model.Mobile %></li>
        <li>
            <asp:Label ID="lblHomeTelephone" runat="server" Text="家庭电话："></asp:Label><%=model.HomePhone %></li>
        <li>
            <asp:Label ID="lblEmail" runat="server" Text="电子邮箱："></asp:Label><%=model.EmailAddress %></li>
    </ul>
    <hr />
    <h4>
        <asp:Label ID="lblWorkInformation" runat="server" Text="工作信息"></asp:Label></h4>
    <span>
        <asp:HyperLink ID="hlkEditWorkInformation" runat="server">编辑</asp:HyperLink></span>
    <ul>
        <li>
            <asp:Label ID="lblProfession" runat="server" Text="职业："></asp:Label><%=model.Title %></li>
        <li>
            <asp:Label ID="lblBusinessPhoneNumber" runat="server" Text="工作电话："></asp:Label><%=model.WorkPhone %></li>
        <li>
            <asp:Label ID="lblDepartment" runat="server" Text="所属部门："></asp:Label><%=model.DepartmentName %></li>
        <li>
            <asp:Label ID="lblOfficeName" runat="server" Text="办公室名："></asp:Label><%=model.OfficeName %></li>
        <li>
            <asp:Label ID="lblCompanyName" runat="server" Text="公司名称："></asp:Label><%=model.CompanyName %></li>
    </ul>
</div>