Gesior AAC Tabela em PHP

[Spraiinedweb 3]

Fala galera, estou usando uma tabela que mostra quests feitas na página 'characters.php no gesior aac mas gostaria de dar uma melhorada no scripts para nao ocupar uma área muito grande na página.

 

Como está:

Como Quero:

 

 

Código usado.

 

//quest status by ballack13
            $id = $player->getCustomField("id");
            $number_of_quests = 0;
            $main_content .= '<br><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1 WIDTH=30%><TR BGCOLOR='.$config['site']['vdarkborder'].'><TD COLSPAN=2 CLASS=white><B>Goku Set</B></TD></TR>';        
                        $quests = array('Ninja Helmet' => 60005,'<img src="images/items/12655.gif"/> Goku armor' => 60018,'<img src="images/items/12675.gif"/> Goku legs' => 60028,'<img src="images/items/12693.gif"/> Goku boots' => 60041);
                        foreach ($quests as $storage => $name) {
                if(is_int($number_of_quests / 2))
                    $bgcolor = $config['site']['darkborder'];
                else
                    $bgcolor = $config['site']['lightborder'];
                $number_of_quests++;
            $main_content .= '<TR BGCOLOR="'.$bgcolor.'"><TD WIDTH=100%>'.$storage.'</TD>';
                        $quest = $SQL->query('SELECT * FROM player_storage WHERE player_id = '.$id.' AND `key` = '.$quests[$storage].';')->fetch();
                           if($quest == false) {
            $main_content .= '<TD><img src="images/false.png"/></TD></TR>';
                        }
            else
            {
            $main_content .= '<TD><img src="images/true.png"/></TD></TR>';
            }
            }
            $main_content .= '</TABLE>';
            //quest status by ballack13
            $id = $player->getCustomField("id");
            $number_of_quests = 0;
            $main_content .= '<br><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1 WIDTH=30%><TR BGCOLOR='.$config['site']['vdarkborder'].'><TD COLSPAN=2 CLASS=white><B>Goku Set</B></TD></TR>';        
                        $quests = array('Ninja Helmet' => 60005,'<img src="images/items/12655.gif"/> Goku armor' => 60018,'<img src="images/items/12675.gif"/> Goku legs' => 60028,'<img src="images/items/12693.gif"/> Goku boots' => 60041);
                        foreach ($quests as $storage => $name) {
                if(is_int($number_of_quests / 2))
                    $bgcolor = $config['site']['darkborder'];
                else
                    $bgcolor = $config['site']['lightborder'];
                $number_of_quests++;
            $main_content .= '<TR BGCOLOR="'.$bgcolor.'"><TD WIDTH=100%>'.$storage.'</TD>';
                        $quest = $SQL->query('SELECT * FROM player_storage WHERE player_id = '.$id.' AND `key` = '.$quests[$storage].';')->fetch();
                           if($quest == false) {
            $main_content .= '<TD><img src="images/false.png"/></TD></TR>';
                        }
            else
            {
            $main_content .= '<TD><img src="images/true.png"/></TD></TR>';
            }
            }
            $main_content .= '</TABLE>';

 

[Ivens Pontes 64]

Fala galera, estou usando uma tabela que mostra quests feitas na página 'characters.php no gesior aac mas gostaria de dar uma melhorada no scripts para nao ocupar uma área muito grande na página.
 
Como está:







Como Quero:







 
 
Código usado.
 

//quest status by ballack13            $id = $player->getCustomField("id");            $number_of_quests = 0;            $main_content .= '<br><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1 WIDTH=30%><TR BGCOLOR='.$config['site']['vdarkborder'].'><TD COLSPAN=2 CLASS=white><B>Goku Set</B></TD></TR>';                                $quests = array('Ninja Helmet' => 60005,'<img src="images/items/12655.gif"/> Goku armor' => 60018,'<img src="images/items/12675.gif"/> Goku legs' => 60028,'<img src="images/items/12693.gif"/> Goku boots' => 60041);                        foreach ($quests as $storage => $name) {                if(is_int($number_of_quests / 2))                    $bgcolor = $config['site']['darkborder'];                else                    $bgcolor = $config['site']['lightborder'];                $number_of_quests++;            $main_content .= '<TR BGCOLOR="'.$bgcolor.'"><TD WIDTH=100%>'.$storage.'</TD>';                        $quest = $SQL->query('SELECT * FROM player_storage WHERE player_id = '.$id.' AND `key` = '.$quests[$storage].';')->fetch();                           if($quest == false) {            $main_content .= '<TD><img src="images/false.png"/></TD></TR>';                        }            else            {            $main_content .= '<TD><img src="images/true.png"/></TD></TR>';            }            }            $main_content .= '</TABLE>';            //quest status by ballack13            $id = $player->getCustomField("id");            $number_of_quests = 0;            $main_content .= '<br><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1 WIDTH=30%><TR BGCOLOR='.$config['site']['vdarkborder'].'><TD COLSPAN=2 CLASS=white><B>Goku Set</B></TD></TR>';                                $quests = array('Ninja Helmet' => 60005,'<img src="images/items/12655.gif"/> Goku armor' => 60018,'<img src="images/items/12675.gif"/> Goku legs' => 60028,'<img src="images/items/12693.gif"/> Goku boots' => 60041);                        foreach ($quests as $storage => $name) {                if(is_int($number_of_quests / 2))                    $bgcolor = $config['site']['darkborder'];                else                    $bgcolor = $config['site']['lightborder'];                $number_of_quests++;            $main_content .= '<TR BGCOLOR="'.$bgcolor.'"><TD WIDTH=100%>'.$storage.'</TD>';                        $quest = $SQL->query('SELECT * FROM player_storage WHERE player_id = '.$id.' AND `key` = '.$quests[$storage].';')->fetch();                           if($quest == false) {            $main_content .= '<TD><img src="images/false.png"/></TD></TR>';                        }            else            {            $main_content .= '<TD><img src="images/true.png"/></TD></TR>';            }            }            $main_content .= '</TABLE>';

 

https://www.w3schools.com/css/css_inline-block.asp

Enviado de meu MI 5s usando Tapatalk