HTML Table Sizing - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Size

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Table Size

Description

HTML Table Sizing

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <style media="all">
.wrap {<!--from w w  w  .  j  av  a 2 s.  c o m-->
   position:relative;
}

.left-ad, .right-ad {
   width:161px;
   height:201px;
   background:gray;
   position:absolute;
   top:0;
}

.left-ad {
   left:11px;
}

.right-ad {
   right:11px;
}

table {
   margin-left:181px;
   margin-right:181px;
   background:blue;
}
</style> 
 </head> 
 <body> 
  <div class="wrap"> 
   <div class="left-ad">
     Lorem ipsum dolor 
   </div> 
   <table class="tl"> 
    <tbody> 
     <tr> 
      <th width="100%" colspan="3">Lorem ip</th> 
      <th>Lorem <img src="https://www.java2s.com/style/demo/Firefox.png" alt="Sort"> </th> 
      <th>Lorem ipsum <img src="https://www.java2s.com/style/demo/Opera.png"> </th> 
      <th>Lorem ipsum <img src="https://www.java2s.com/style/demo/Google-Chrome.png"> </th> 
     </tr> 
    </tbody> 
   </table> 
   <div class="right-ad">
     Lorem ipsum dolor 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials