CSS的動態行不工作

<html> 
<head> 
    <title>truck page</title> 
    <style type="text/css"> 
     tr { 
      padding: 4px; 
      border: 1px solid black; 
     } 
    </style> 
</head> 
<body> 
    <?php 
     $db = new mysqli("localhost", "root", "", "db1"); 
     function getdata($form_element_name) { 
      $var = strip_tags($_GET[$form_element_name]); 
      return $var; 
     } 
    ?> 
    <fieldset> 
     <legend> add a new truck </legend> 
     <form action="<?php echo $_SERVER['PHP_SELF']?>" method="GET"> 
      <label>truck number <input type="text" name="truck_number" /></label> 
      <label>owner name <input type="text" name="truck_owner_name" /></label> 
      <label>owner phone <input type="text" name="truck_owner_ph" maxlength="10" /></label> 
      <input type="submit" name="truck_add" value="add" /> 
      <input type="reset" />    
     </form> 
     <?php if(isset($_GET['truck_add'])) { 
      $truck_number = getdata('truck_number'); 
      $truck_owner_name = getdata('truck_owner_name'); 
      $truck_owner_ph = getdata('truck_owner_ph'); 
      $sql_truck_add = "INSERT INTO truck (truck_number, truck_owner_name, truck_owner_ph) 
              VALUES ('$truck_number', '$truck_owner_name', '$truck_owner_ph')"; 
      $result_truck_add = $db->query($sql_truck_add);  
      header("Location: http://localhost/bkp/truckpage.php");    
     } ?> 
    </fieldset> 
    <table> 
     <tr> 
      <th>truck number</th> 
      <th>owner name</th> 
      <th>phone</th> 
      <th>operation</th> 
      <th></th> 
     </tr> 
     <?php 
     $sql_truck_retrieve = "SELECT * from truck"; 
     $result_truck_retrieve= $db->query($sql_truck_retrieve); 
     while($row=$result_truck_retrieve->fetch_assoc()) { 
      $truck_num_current = $row['truck_number']; ?> 
      <tr id="<?php echo "{$truck_num_current}"; ?>"> 
       <td><?php echo "{$row['truck_number']}"; ?></td> 
       <td><?php echo "{$row['truck_owner_name']}"; ?></td> 
       <td><?php echo "{$row['truck_owner_ph']}"; ?></td> 
       <td> 
        <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="GET"> 
         <input type="hidden" name="truck_numcur" value="<?php echo "{$row['truck_number']}"; ?>" /> 
         <input type="submit" name="truck_update" value="update" /> 
         <input type="submit" name="truck_delete" value="delete" /> 
        </form> 
       </td> 
       <td> 
        <?php // action to be taken if either update or delete is selected 
        if(isset($_GET['truck_update'])) { 
         $truck_numcur = $_GET['truck_numcur']; 
         if($truck_numcur == $truck_num_current) { ?> 
          <form action="<?php $_SERVER['PHP_SELF'] ?>" method="GET"> 
           <input type="hidden" name="truck_update_num" value="<?php echo "{$truck_numcur}"; ?>" /> 
           <input type="text" name="truck_num_update" placeholder="truck number" /> 
           <input type="text" name="owner_name_update" placeholder="owner name" /> 
           <input type="text" name="owner_phone_update" placeholder="owner phone" /> 
           <input type="submit" value="save" name="truck_update_yes" /> 
           <input type="submit" value="cancel" name="truck_update_no" /> 
          </form> 
         <?php } 
        } 
        else { 
         if(isset($_GET['truck_delete'])) { 
          $truck_numcur = $_GET['truck_numcur']; 
          if($truck_numcur == $truck_num_current) { 
          ?> 
           <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="GET"> 
            <span>confirm? </span> 
            <input type="hidden" name="truck_del_num" value="<?php echo "{$truck_numcur}"; ?>" /> 
            <input type="submit" name="truck_delete_yes" value="yes" /> 
            <input type="submit" name="truck_delete_no" value="no" /> 
           </form> 
          <?php } 
         } 
        } 
        // 
        // action to be taken after delete confirmation 
        if(isset($_GET['truck_delete_yes'])) { 
         $truck_del_num = $_GET['truck_del_num']; 
         $sql_truck_del = "DELETE from truck WHERE truck_number = '{$truck_del_num}'"; 
         $result_truck_del = $db->query($sql_truck_del); 
         header("Location: http://localhost/bkp/truckpage.php"); 
        } 
        else { 
         if(isset($_GET['truck_delete_no'])) { 
          header("Location: http://localhost/bkp/truckpage.php"); 
          //--------------------------------------------------------------------------- 
          //header("Location: http://localhost/bkp/truckpage.php/#$truck_num_current"); 
          //--------------------------------------------------------------------------- 
         } 
        } 
        // 
        // action to be taken after update confirmation 
        if(isset($_GET['truck_update_yes'])) { 
         $truck_update_num = $_GET['truck_update_num']; 
         $truck_num_update = getdata('truck_num_update'); 
         $owner_name_update = getdata('owner_name_update'); 
         $owner_phone_update = getdata('owner_phone_update'); 
         $sql_truck_update = "UPDATE truck SET truck_number = '$truck_num_update', truck_owner_name = '$owner_name_update', truck_owner_ph = '$owner_phone_update' WHERE truck_number = '{$truck_update_num}' "; 
         $result_truck_update = $db->query($sql_truck_update); 
         header("Location: http://localhost/bkp/truckpage.php"); 
        } 
        else { 
         if(isset($_GET['truck_update_no'])) { 
          header("Location: http://localhost/bkp/truckpage.php"); 
         } 
        } 
        // 
        ?> 
       </td> 
      </tr> 
     <?php } ?> 
    </table> 
</body>

CSS的動態行不工作

我試圖從數據庫表中提取值，並將其添加爲錶行。行正確顯示，但是當我試圖爲表格行添加css樣式時，它不起作用。我試圖給一個邊框和填充。我是web開發的新手，無法理解爲什麼css部分不工作。任何人都可以告訴如何讓這個php代碼中的css部分工作？

來源

2014-06-12 user260778

確保這些線路的第一線 – MujtabaFR

那些被寫入之前存在。除了css for tr之外的所有東西都正常工作 – user260778

好的我正在編輯帖子並上傳整個php代碼 – user260778

問題在於你無法非常有效地設計tr元素。您需要定位父母table或子女td元素才能獲得您要查找的效果。

看看這個的jsfiddle例如：http://jsfiddle.net/v6zNt/

CSS：

table { 
    border: 1px solid #000; 
} 

/* notice how these styles does not apply anywhere */ 
tr { 
    border: 1px solid green; 
    padding: 4px; 
} 

td { 
    border: 1px solid red; 
    padding: 4px; 
}

HTML：

<table> 
    <tr> 
     <td>One</td> 
     <td>Two</td> 
     <td>Three</td> 
    </tr> 
</table>

您可以樣式表，這只是他們有他們自己的一套你需要注意的規則。這裏有一個很好的介紹：http://css-tricks.com/complete-guide-table-element/

來源

2014-06-12 19:28:28 kcent

這很有幫助。謝謝 – user260778

CSS的動態行不工作

回答

相關問題