Thursday, March 13, 2014

creating table with div's and css:

<html>
<head>
<style type="text/css">
div
{
   border:1px solid;
}
.divtable
{
    display:table;
}
.divrow
{
    display:table-row;
}
.divcol
{
    display:table-cell;
    width:100px;
}
.headrow
{
    display:table-caption;
}
.content
{
    display:table-cell;
    width:100px;
}
</style>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
  <div class="divtable">

    <div class="headrow">
     <div class="divcol">Cust_no</div>
     <div class="divcol">Name</div>
     <div class="divcol">address</div>
    </div>
    <div class="divrow">
        <div class="content">001</div>
        <div class="content">poonam</div>
        <div class="content">ashok vihar</div>
     </div>
    <div class="divrow">
        <div class="content">002</div>
        <div class="content">reena</div>
         <div class="content">preet vihar</div>
    </div>

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

No comments:

Post a Comment