I can't position these 4 tables in 2 rows

[arsenalfun]

Hello guys,

I really tried everything and I can’t make it work in all browsers.

So I have 4 tables that are fetched from mysql database, this is one piece of code for 1 table:

[I]include config.php etc etc[/I]

echo "<div id='newest-table' style='position:absolute; top:400; left:10;'><table class='sample'>
<h2 style='position:relative; left:40px;'>Newest servers</h2>
<tr>
<th>Proxy Server</th>
<th>Port</th>
</tr></div>";

As you can see using styling css and absolute:position-ning i tried to position these 4 tables into something like this:

I can make it work in major browsers like firefox and chrome, but its not compatible with internet explorer, opera, other browsers and its not compatible with resoultions under 1024x768 or some bigger resolutions…

For example in internet explorer i got this:

or even worse… as you can see everything is totally ****** up

Can you somehow help me position these tables or point me to some resources!
If someone would like to help me on MSN or skype, im ready to pay in some symbolic value.

Thanks!

[BabyWolf]

Make a parent div have with double of one table. I think it should work.

[arsenalfun]

@thietkeweb

Make a parent div have with double of one table. I think it should work.

Hm… interesting idea but i don’t know how to implement it since its in php and it fetch from mysql hm…

Can I somehow wrap it with padding 10px ?

but how to wrap it?

[BabyWolf]

Could you give more detail about your php code?

[arsenalfun]

Here is the whole code (its so big :S )

<?php

include("config.php");

    $mysql = mysql_connect($dbHost, $dbUser, $dbPass);
    if (!$mysql)
        exit;
    if (!mysql_select_db($dbDatabase, $mysql))
        exit;

//$result = mysql_query("SELECT * FROM `hitlog`");


if (isset($_GET["page"])) { $page  = $_GET["page"]; } else { $page=1; }; 

$start_from = ($page-1) * 15; 
$sql = "SELECT * FROM `hitlog` ORDER BY `proxy` ASC LIMIT $start_from, $logs";
$result = mysql_query ($sql); 



echo "<div id='fastest-table' style='position:absolute; top:250; left:360; display:inline;'><table class='sample'>
<h2><center>Fastest proxy servers</center></h2>
<tr>
<th>Proxy Server</th>
<th>port</th>
</tr></div>";


while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td><a class='tablelinks' target='_blank' href='http://" .$row['proxy'] . "'>".$row['proxy']."</a></td>";
  echo "<td>" . $row['port'] . "</td>";
  echo "</tr>";
  }
echo "</table>";



$result = mysql_query("SELECT COUNT(proxy) FROM `$tablename`");
$row = mysql_fetch_row($result);
$total_records = $row[0];
$total_pages = ceil($total_records / $logs);

if (isset($_GET["page"])) { $page  = $_GET["page"]; } else { $page=1; }; 

$start_from = ($page-1) * 15; 
$sql = "SELECT * FROM `us` ORDER BY `proxy` ASC LIMIT $start_from, $logs";
$result = mysql_query ($sql); 



echo "<div id='us-table' style='position:absolute; top:400; left:0; display:inline;'><table class='sample'>
<h2><center>Non-USA proxy servers</center></h2>
<tr>
<th>Proxy Server</th>
<th>port</th>
</tr></div>";

while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td><a class='tablelinks' target='_blank' href='http://" .$row['proxy'] . "'>".$row['proxy']."</a></td>";
  echo "<td>" . $row['port'] . "</td>";
  echo "</tr>";
  }
echo "</table>";



$result = mysql_query("SELECT COUNT(proxy) FROM `us`");
$row = mysql_fetch_row($result);
$total_records = $row[0];
$total_pages = ceil($total_records / $logs);



if (isset($_GET["page"])) { $page  = $_GET["page"]; } else { $page=1; }; 

$start_from = ($page-1) * 15; 
$sql = "SELECT * FROM `nonus` ORDER BY `proxy` ASC LIMIT $start_from, $logs";
$result = mysql_query ($sql); 



echo "<div id='nonus-table' style='position:absolute; top:0; left:347;'><table class='sample'>
<h2><center>USA proxy servers</center></h2>
<tr>
<th>Proxy Server</th>
<th>port</th>
</tr></div>";

while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td><a class='tablelinks' target='_blank' href='http://" .$row['proxy'] . "'>".$row['proxy']."</a></td>";
  echo "<td>" . $row['port'] . "</td>";
  echo "</tr>";
  }
echo "</table>";



$result = mysql_query("SELECT COUNT(proxy) FROM `nonus`");
$row = mysql_fetch_row($result);
$total_records = $row[0];
$total_pages = ceil($total_records / $logs);



if (isset($_GET["page"])) { $page  = $_GET["page"]; } else { $page=1; }; 

$start_from = ($page-1) * 15; 
$sql = "SELECT * FROM `newest` ORDER BY `proxy` ASC LIMIT $start_from, $logs";
$result = mysql_query ($sql); 



echo "<div id='newest-table' style='position:absolute; top:-400; left:0;'><table class='sample'>
<h2 style='position:relative; left:40px;'>Newest proxy servers</h2>
<tr>
<th>Proxy Server</th>
<th>port</th>
</tr></div>";

while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td><a class='tablelinks' target='_blank' href='http://" .$row['proxy'] . "'>".$row['proxy']."</a></td>";
  echo "<td>" . $row['port'] . "</td>";
  echo "</tr>";
  }
echo "</table>";



$result = mysql_query("SELECT COUNT(proxy) FROM `nonus`");
$row = mysql_fetch_row($result);
$total_records = $row[0];
$total_pages = ceil($total_records / $logs);



?> 

But as you can see it fetch data from 4 mysql tables.

[AnthonySterling]

First create a web page that exhibits the desired layout, once you have this, then introduce PHP to create the markup.

[BabyWolf]

@AnthonySterling

First create a web page that exhibits the desired layout, once you have this, then introduce PHP to create the markup.

I agree with this approach.

@arsenalfun: you should try what AnthonySterling said. If you have any further problem, just leave your comment here.

[arsenalfun]

@thietkeweb

I agree with this approach.

@arsenalfun: you should try what AnthonySterling said. If you have any further problem, just leave your comment here.

yeah I know, I just posted php part there is html and css also, but i can’t simply position those tables…

[StarLion]

echo "<div id='newest-table' style='position:absolute; top:-400; left:0;'><table class='sample'>
<h2 style='position:relative; left:40px;'>Newest proxy servers</h2>
<tr>
<th>Proxy Server</th>
<th>port</th>
</tr>[COLOR="Red"]</div>[/COLOR]";

while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td><a class='tablelinks' target='_blank' href='http://" .$row['proxy'] . "'>".$row['proxy']."</a></td>";
  echo "<td>" . $row['port'] . "</td>";
  echo "</tr>";
  }
echo "</table>";

I spy, with my little eye… a tag in the wrong place. 4 times over.

[BabyWolf]

@StarLion

echo "<div id='newest-table' style='position:absolute; top:-400; left:0;'><table class='sample'>
<h2 style='position:relative; left:40px;'>Newest proxy servers</h2>
<tr>
<th>Proxy Server</th>
<th>port</th>
</tr>[COLOR="Red"]</div>[/COLOR]";

while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td><a class='tablelinks' target='_blank' href='http://" .$row['proxy'] . "'>".$row['proxy']."</a></td>";
  echo "<td>" . $row['port'] . "</td>";
  echo "</tr>";
  }
echo "</table>";

I spy, with my little eye… a tag in the wrong place. 4 times over.

Yes, I think your code should be changed as following:

echo "<div id='newest-table' style='position:absolute; top:-400; left:0;'><table class='sample'>
<h2 style='position:relative; left:40px;'>Newest proxy servers</h2>
<tr>
<th>Proxy Server</th>
<th>port</th>
</tr>";

while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td><a class='tablelinks' target='_blank' href='http://" .$row['proxy'] . "'>".$row['proxy']."</a></td>";
  echo "<td>" . $row['port'] . "</td>";
  echo "</tr>";
  }
echo "</table>[COLOR="Red"]</div>[/COLOR]";

[arsenalfun]

Hmm… interesting catch, I will take a look, thanks!