2015-04-10 2 views
-1

Я не могу применить CSS в таблице. Например, я хочу, чтобы таблица отображалась посередине и чтобы изменить цвет и размер шрифта. Но я не могу. Должен ли я использовать тег tbody, так как у меня есть body? Также я генерирую данные таблицы из базы данных.Я не могу применить css в таблице html

<?php 

     include 'connect.php'; 

     $year = $_POST['year']; 
     $lecturer = $_POST['lecturer']; 
     $years  = array(
      2005, 
      2006, 
      2007 
    ); 
    $lecturers = array(
     'lec1', 
     'lec2', 
     'lec3', 
     'lec4' 
    ); 

    if (in_array($lecturer, $lecturers) && in_array($year, $years)) { 

      $sql = "SELECT unit_name,a1,a2,a3,l1,l2,r1,r2,u1,u2,u3 FROM $lecturer WHERE year=$year"; 

      $result = mysql_query($sql); 
    } 

    else { 
     echo "No data found"; 
    } 
?> 
    <html> 
     <head> 
    <link rel="stylesheet" type="text/css" href="../../statistics/style.css"> 
     </head> 
     <body> 
     <div id="mytable"> 
      <table width="900" border="1" cellspacing="1"> 
       <tr> 
       <tbody> 
        <td>Unit Name</td> 
        <td>A1 </td> 
        <td>A2 </td> 
        <td>A3 </td> 
        <td>L1 </td> 
        <td>L2 </td> 
        <td>R1 </td> 
        <td>R2 </td> 
        <td>U1 </td> 
        <td>U2 </td> 
        <td>U3 </td> 
     </tbody> 
     </tr> 

    <?php 
     while($unit=mysql_fetch_assoc($result)){ 
     echo "<tr>"; 
     echo "<td>".$unit['unit_name']."</td>"; 
     echo "<td>".$unit['a1']."</td>"; 
     echo "<td>".$unit['a2']."</td>"; 
     echo "<td>".$unit['a3']."</td>"; 
     echo "<td>".$unit['l1']."</td>"; 
     echo "<td>".$unit['l2']."</td>"; 
     echo "<td>".$unit['r1']."</td>"; 
     echo "<td>".$unit['r2']."</td>"; 
     echo "<td>".$unit['u1']."</td>"; 
     echo "<td>".$unit['u2']."</td>"; 
     echo "<td>".$unit['u3']."</td>"; 
     echo "</tr>";  
     } 
    ?> 
    </table> 
    </div> 
    </body> 
    </html> 


css: 


     <!-- principalLecturers 
    --> 
     #body{ 
     color:white; 
     padding-bottom: 20px; 
     } 
     #table{ 
     margin:0; 
     border-collapse: collapse; 
     color:#b50a1e; 
     font-family:verdana,arial,sans-serif; 
     font-size:10px; 
     } 
     #table#mytable{ 
     display: table-row-group; 
     vertical-align: middle; 
     border-color: inherit 
     } 
+1

Правильная иерархия - это 'table' ->' tbody' -> 'tr' ->' th/td', у вас 'tr' и' tbody 'отменены. Кроме того, '# body' и' # table' ищут элементы с идентификатором 'body' и' table'. Если вы хотите соответствовать типу элемента, удалите '#' в CSS. – GolezTrol

+2

'# table # mytable' - wow ... Это одно не может работать определенным образом: элемент не может иметь сразу два идентификатора – smnbbrv

+0

Где находится идентификатор таблицы? '# table' – ketan

ответ

1

Я не вижу нигде в вашем столе <table id="table"...>. Вот почему стили для #table {...} не применяются.