Total members 10261 | Gratitudes |It is currently Tue May 22, 2012 3:56 pm Login / Join Codemiles


All times are UTC [ DST ]




Post new topic Reply to topic  Quick reply  [ 1 post ] 
Author Code Snippet
 Code subject: Creating table using div tag
PostPosted: Sat Jan 07, 2012 10:41 am 
Offline
Mastermind
User avatar

Joined: Tue Mar 27, 2007 10:55 pm
Posts: 2279
Location: Earth
Has thanked: 39 time
Have thanks: 61 time

create table using div and css, the idea is to use many div tags to create a table look.
Code:


<html>
    <head>
        <title>Create table using Div</title>
        <style type='text/css'>
            div#container {
                border: 1px solid;
                margin:5px;
                background: #ACFF22;
            }
            div#float {
                text-align: center;
                float: left;
                border: 1px solid black;
                width: 140px;
                height: 100px;
            }
            div.tableContent {
                background: #FBCA43;
                border: 1px solid black;
            }
            div#Footer {
                border: 1px solid black;
                background: lightgreen;
                clear: both;   
            
}
        </style>
    </head>
    <body>
        <div id='container'>
            <div id='float'>
                Column 1
                  
<div class='tableContent'>
                   Data 1
                    
</div>
            </div>
              <div id='float'>
                Column 2
                  
<div class='tableContent'>
                   Data 2
                  
</div>
            </div>
              <div id='float'>
                Column 3
                  
<div class='tableContent'>
                   Data 3
                    
</div>
            </div>
           
              
                Data main div
            
<div class='tableContent'>
                 Data 
            
</div>
                Data main div
            
<div id='Footer'>
                 Can be used as table footer
            
</div>
            <div>
                
            
</div>
        </div>
    </body>
</
html>
 

_________________
Currenlty programming with : java , html , php , and javascript . (OCJP-6 certified )


TOP
 Profile Send private message  
Reply with quote  
Post new topic Reply to topic Quick reply  [ 1 post ] 
Quick reply


  

 Similar topics
 table row hover
 Multi colored table rows
 text Indent value to table
 lowercase table content
 Div Table with css row span
 Table with separated borders
 Table with marked cell
 hide cell in table
 change the style of table cells
 Change table style using CSS

All times are UTC [ DST ]


Users browsing similar codes

Users browsing this forum: No registered users and 1 guest



Jump to:  
Previous Code Snippet | Next Code Snippet 




Home
General Talks
Finished Projects
Code Library
Games
Tutorials

Java
C/C++
C-sharp
php
Script
JSP/Servlets
Ajax
ASP/ASP.net
Google SEO
Database
Communications
Phpbb3 styles
Photoshop tutorials
Flash tutorials
Find a job






Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team