Category: HTML

19 Mar 2015 02:56

Joined:	31/01/2006
Level:	Gold
Points:	530

Points:	1

Centering a table in a page

How can you center a table in a page ? Suggest a strategy without distorting the original look and feel.

#757278

19 Mar 2015 03:11

Joined:	29/05/2009
Level:	Gold
Points:	10380

Points:	4

Hi
we can use center tag and div css we can achieve center page table

method 1



    <div style="margin-left:720px;">

         <table border="2" style="color:red;">
            <tr>
                <td>
                    Dotnet Spider 
                </td>
            </tr>
        </table>
        </div>

method2


        


        <center>

        <table border="2" style="color:red;">
            <tr>
                <td>
                    Dotnet Spider 
                </td>
            </tr>
        </table>
</center>

Name : Dotnet Developer-2015
Email Id : kumaraspcode2009@gmail.com

'Not by might nor by power, but by my Spirit,' says the LORD Almighty.

#757279

19 Mar 2015 03:29

Joined:	23/12/2009
Level:	Gold
Points:	3113

Points:	2

Simply put one main div with 100% width and 100% height and put your table within that div.
After that set div horizontal and vertical align to canter, so you table will be display in centre.

Regards & thanks
Arvind kumar
Visit--blog.akumars.esoftera.in

#757287

19 Mar 2015 07:06

Joined:	29/10/2014
Level:	Gold
Points:	1106

Points:	2

Hi,

If u want the table in center then use the sample codelike
:

<table width="100%" allign="certer">
<tr>
<td></td>
</tr>
</table>

then table will disply in center..

thanks,
Chitaranjan

#757309

19 Mar 2015 23:12

Joined:	20/03/2013
Level:	Silver
Points:	180

Points:	2

The HTML table model allows authors to arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into rows and columns of cells.

My Suggestion is to refer w3schools :-

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

Thanks & Regards
Abhinav

#763008

27 Oct 2015 06:10

Joined:	23/10/2015
Level:	Bronze
Points:	34

Points:	1

you need to do it step by step and for perfection, you need to set exact measurements of the table so that it blends with your available data. For this you can refer to the site below :-http://www.granneman.com/webdev/coding/css/centertables/
it has various methods of doing it. Hope this helps.

Centering a table in a page

About dotnetspider.com

Quick Links

General

Services