0

課題を追跡するシステムを構築しています。私は今、このテーブルを配置したい DIV がオーバーフローを引き起こすという問題に遭遇しました..... わかりました、問題ではありません-それが水平方向にオーバーフローしないことを除いて...誰かが私を助けてください.

誰かがこれを収まるように手伝ってくれませんか....または、このテーブルを1100 x 545ピクセルの領域に収まるようにテーブルに入れるのを手伝ってください..

見栄えの良いものに間隔があります...オーバーフローを水平にしています

$UArr = array("u1" => "Introduction to Marketing ", 
             "u2" => "Maintenance Unit ", 
             "u3" => "Starting a biz", 
            "u4" => "Web Design", 
            "u5" => "Webserver / PHP", 
            "u6" => "Modeling / Multimedia Design" ,
             "u7" => "CISCO 1 " , 
             "u8" => "CISCO 2 " , 
             "u9" => "C&G Marketing"); ///unit array

$AArr = array("a1" => "Assignment 1", "a2" => "Assignment 2", "a3" => "Assignment 3", "a4" => "Assignment 4"); //assigment array
$TArr = array("t1" => "Task 1", "t2" => "Task 2", "t3" => "Task 3", "t4" => "Task 4"); //task array

$Connection = mysql_connect($host,$username, $password);
mysql_select_db("dbname");

$Result = mysql_query("SELECT * FROM `tracker` WHERE `CollegeID`='collegeid' ");
if(mysql_num_rows($Result) == 1) {
    while($Data = mysql_fetch_array($Result)){
        $i = 0;
        $Assignment = "";
        $Unit = "";
        $Task = "";
        echo "<table style=\"float:left;\" width=\"200\" border=\"0\" overflow:scroll;>";
        foreach($Data as $Item => $Value) {
            if(!is_numeric($Item) && $Item !== "CollegeID") {
                if($i == 0) {
                    $Unit = substr($Item, 0, 2);
                    $Assignment = substr($Item, 2, 2);
                    $Task = substr($Item, 4, 2);
                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$UArr[$Unit]."</p></td></tr>";
                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$AArr[substr($Item, 2, 2)]."</p></td></tr>";
                    echo "<tr><td width=\"10\">".$TArr[$Task]."</td><td width=\"10\">".DropDown($Item, $Value)."</td></tr>";
                }
                if($Unit !== substr($Item, 0, 2)) {
                    echo "</tr>";
                    echo "</tr>";
                    echo "<table style=\"float:left;\" width=\"200\" border=\"0\">";
                    $Unit = substr($Item, 0, 2);
                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$UArr[substr($Item, 0, 2)]."</p></td></tr>";
                }
                if($Assignment !== substr($Item, 2, 2)) {
                    $Assignment = substr($Item, 2, 2);
                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$AArr[substr($Item, 2, 2)]."</p></td></tr>";
                }
                if($Task !== substr($Item, 4, 2)) {
                    $Task = substr($Item, 4, 2);
                    echo "<tr><td width=\"10\">".$TArr[$Task]."</td><td width=\"50\">".DropDown($Item, $Value)."</td></tr>";
                }
                $i++;
            }

        }
        echo "</table>";

間隔が良くなり、4 つのユニットがあふれていることを除けば、これはちょっとした外観です。

4

2 に答える 2

0 
    Not an big issue with the scrolling. what i suggest to you that take a div and put a desired height width you want and apply the css as

.divName 
{
height: //specify
widht: //specify
overflow:scroll;  
overflow-x:scroll; 
overflow-y:hidden;
}

結果をこのdivに入れます

于 2012-07-23T05:39:22.410 に答える
0

横にオーバーフローさせるには<div>、幅の正確な値 (1 つのテーブルの幅 * テーブルの数) を別のテーブルに配置します。

この例では、9 つ​​のテーブルを使用します*200px = 1800px

次のようなスタイルまたは css クラスでテーブルの幅を使用することもお勧めします。

<table style="float:left;width:200px;border-width:0;overflow:scroll;">

コードが乱雑で、再配置する必要があります

于 2012-07-22T21:23:56.010 に答える