Communiquez avec les autres et partagez vos connaissances professionnelles

Inscrivez-vous ou connectez-vous pour rejoindre votre communauté professionnelle.

Suivre

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 ajoutée par Osama Abu Rayyan , Web Developer / Front-End Web Developer , BloomThemez
Date de publication: 2013/07/03
Mohamad Kaakati
par 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
par 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.

Utilisateur supprimé
par Utilisateur supprimé

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

Utilisateur supprimé
par Utilisateur supprimé

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
par Shozab Hasan , Web Designer and Developer , Zaidiz Network

Name: test1 Address: test2

Utilisateur supprimé
par Utilisateur supprimé

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

Noor Khan
par 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