Display HTML table in center of screen

Question

Having problems with elegantly showing this table in the center of the screen. Please advice?

The web link is pasted below:

http://www.technicaldebt.co.uk/fyp/prototype/databasetest.php

Any help is greatly appreciated.

<table border="5" cellspacing="2" cellpadding="2">
<tr>
<td><font face="Arial, Helvetica, sans-serif">Title</font></td>
<td><font face="Arial, Helvetica, sans-serif">First Name</font></td> 
<td><font face="Arial, Helvetica, sans-serif">Last Name</font></td>
<td><font face="Arial, Helvetica, sans-serif">E-mail Address</font></td>
<td><font face="Arial, Helvetica, sans-serif">Project Title</font></td>
</tr>

<?php
$i=0;
while ($i < $num) {

$f1=mysql_result($result,$i,"Titles");
$f2=mysql_result($result,$i,"FirstName");
$f3=mysql_result($result,$i,"LastName");
$f4=mysql_result($result,$i,"Email");
$f5=mysql_result($result,$i,"ProjectRoles");
?>

<tr>
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f1; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f2; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f3; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f4; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><?php echo $f5; ?></font></td>
</tr>

<?php
$i++;
}
?>

possible duplicate http://stackoverflow.com/questions/301147/css-way-to-horizontally-align-table — Liam, Mar 13 '13 at 17:27
I'm not sure if this is a typo or not but you're missing you tag, which can mess up your rendering. — Nick Mitchinson, Mar 13 '13 at 17:28
You should post the generated html as this is not related to php. — jeroen, Mar 13 '13 at 17:29

score 1 · Answer 1 · answered Mar 13 '13 at 17:33

1

Add style="margin: 0 auto" within table start tag

answered Mar 13 '13 at 17:33

Piyas De

1,786
15
27

score 1 · Answer 2 · answered Mar 13 '13 at 18:02

Not specifically an answer, but I guess (?) I'm too junior to write comments instead of "answer"s...

At least in the question, you're still missing </table>
@jeroen is talking CSS - that goes in <style type="text/css">css here</style> in <head>, or in one of your external style sheets.
While you're at it, you can trim out the repeated <font> tags with the CSS

td {font-family: Arial, Helvetica, sans-serif;}
Anyone who looks at your link now has email addresses for several members of the technical debt team.

score 0 · Answer 3 · answered Mar 13 '13 at 17:31

0

Just add:

table {
    margin: auto;
    min-width: 80%;    // or whatever you like
}

answered Mar 13 '13 at 17:31

jeroen

91,079
21
114
132

Display HTML table in center of screen

3 Answers3