php在两列中排列复选框值

时间:2015-10-06 20:11:02

标签: php html multiple-columns

我有一个带复选框的表单,我想将复选框排列在两列而不是一列长列中。

如何将其拆分为两列?

这是我的代码:

if($proceder == True) {
        echo "<form name='formulario' method='POST' action='iconizar.php'>";

        $iconosm = 0;

        $server_groups = $ts3_VirtualServer->serverGroupList();
        $servergroups = array();

        # En vez de iterar por todos los grupos intenten 
        foreach($server_groups as $group) {
            if($group->type != 1) { continue; }
            if(in_array($group["sortid"], $SID_GROUP)) {
                $servergroups[] = array('name' => (string)$group, 'id' => $group->sgid, 'type' => $group->type);
            }
        } 
        $_SESSION['grupos'] = $servergroups;

        foreach($servergroups as $group) {      

            $miembros = $ts3_VirtualServer->serverGroupClientList($group["id"]);
            $estaengrupo = False;
            foreach($miembros as $m) {
                if($m["client_unique_identifier"] == $client_uid) { 
                    $estaengrupo = True; 
                }                                   
            }

            if($estaengrupo) {
                $iconosm = $iconosm + 1;
                echo '<li><img src="./iconos/icons/'.$group['id']. '.png" alt="" />  ';
                echo '<label><input type=checkbox name=grupos['.$group["id"].'] id="'.$group["id"].'" value="'. $group["id"] .'"class="icono" checked >'.$group["name"].'</label><br>';
            } else {
                echo '<li><img src="./iconos/icons/'. $group['id'] . '.png" alt="" />  ';
                echo '<label><input type=checkbox name=grupos['.$group["id"].'] id="'. $group["id"] .'" value="'. $group["id"] .'" class="icono"> '.$group["name"].'</label><br>';
            }           
        }

2 个答案:

答案 0 :(得分:0)

我假设你的附加代码没有发布,关闭你的表单和li元素,但无论如何你可以使用CSS来做到这一点。在表单上设置一个宽度(或者它的包装元素将容纳你的两个li元素,并排,然后为你的li标签设置float属性为'left'...使用内联样式,你可能会回显看起来的html像这样:

表格标签: <form style="width: 400px;" name='formulario' method='POST'>

li标签: <li style="width 50%;float: left;">...

如果你需要你的复选框出现在左栏的前半部分,那么写下半部分,这将涉及一些PHP。

答案 1 :(得分:0)

您的未经编辑的元素在哪里,然后将
更改为