Start networking and exchanging professional insights

Register now or log in to join your professional community.

Follow

How can I build table using HTML and CSS using <div> tag without using <table> tag?

HTML <table> loading slowly. How i can build table using HTML & CSS using <div> tag?

user-image
Question added by Osama Abu Rayyan , Web Developer / Front-End Web Developer , BloomThemez
Date Posted: 2013/07/03
Mohamad Kaakati
by Mohamad Kaakati , Co-Founder & Chief Technology Officer , BARQ FAST TECH Co

You can style your
with display:table; Then you can use the CSS display attribute in your inner
you need to define (cell & row) as in the example below:
   
       
            Cell #1        
       
            Cell #2        
   
   
       
            Cell #3        
       
            Cell #4        
   
 

Ahmed Alhaj
by Ahmed Alhaj , Web Applications Designer / Web Developer , Moqla Computing & Security Co./ AlBaha

i would use css grids,960.gs will fit this issue because it provides static width grid divs, unlike bootstrab or foundation which provide responsive grid and may ruin the table.

Deleted user
by Deleted user

you can have your html code like this Company ID Company Name Company Address 001 002 003 xxx yyy www tt uuu Mkk and you can have your css code like this .divTable { display: table; width:auto; background-color:#eee; border:1px solid #666666; border-spacing:5px; } .divRow { display:table-row; width:auto; } .divCell { float:left; display:table-column; width:200px; background-color:#ccc; } you can refer to this

Deleted user
by Deleted user

Basm allah alrahman alrahim

 

ratan thapa  give you a link to the right place to make layout for any web site, layout look like making table exactly look to the following layout figure

 

layout

 

but ?

I prefer if just want to make a table and table only use table tag its well formed tags

Shozab Hasan
by Shozab Hasan , Web Designer and Developer , Zaidiz Network

Name: test1 Address: test2

Deleted user
by Deleted user

http://www.w3schools.com/html/html_layout.asp

Noor Khan
by Noor Khan , Technical Team Lead , Ammrys Studios

its very simple just go here and learn http://www.w3.org/2002/03/csslayout-howto

More Questions Like This