ابدأ بالتواصل مع الأشخاص وتبادل معارفك المهنية

أنشئ حسابًا أو سجّل الدخول للانضمام إلى مجتمعك المهني.

متابعة

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
تم إضافة السؤال من قبل Osama Abu Rayyan , Web Developer / Front-End Web Developer , BloomThemez
تاريخ النشر: 2013/07/03
Mohamad Kaakati
من قبل 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
من قبل 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.

مستخدم محذوف‎
من قبل مستخدم محذوف‎

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

مستخدم محذوف‎
من قبل مستخدم محذوف‎

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
من قبل Shozab Hasan , Web Designer and Developer , Zaidiz Network

Name: test1 Address: test2

مستخدم محذوف‎
من قبل مستخدم محذوف‎

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

Noor Khan
من قبل Noor Khan , Technical Team Lead , Ammrys Studios

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

المزيد من الأسئلة المماثلة