2013-10-06 90 views
0

我有一個Django模板中的設計問題,所有其他設計工作正常,但表格CSS代碼不工作我附加了一部分CSS代碼和Djnago模板中的相關部分。Django中的CSS表格樣式不顯示錶格設計

我的CSS文件:

* { 
    margin: 0; 
    padding: 0; 
} 

body { 
    text-align: justify; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    color: #333333; 
} 

table.gridtable { 
    font-family: verdana,arial,sans-serif; 
    font-size:11px; 
    color:#333333; 
    border: 1px #666666; 
    border-collapse: collapse; 
} 
table.gridtable th { 
    padding: 8px; 
    border: 1px solid #666666; 
    background-color: #dedede; 
} 
table.gridtable td { 
    padding: 8px; 
    border: 1px solid #666666; 
    background-color: #ffffff; 
} 

form { 
} 

input, textarea { 
    padding: 2px 5px; 
    font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif; 
    color: #333333; 
} 
........ 

代碼在Django模板:

......... 
<div id="latest-post-wrap"> 
    <div id="latest-post" class="post"> 
     <p class="byline"></p> 
{#  <p class="byline"><span>Posted on December 15th, 2007 by <a href="#">Someone</a></span></p>#} 
     <h1 class="title"><a href="#">Logger</a></h1> 
     <div class="entry"> 



{#  <table class="imagetable" border="1" style="text-align: center">#} 
     <table class="gridtable"> 
      <tr> 
       <th style="width: 100px">id</th> 
       <th style="width: 100px">id Handle</th> 
       <th style="width: 700px">Date</th> 
       <th style="width: 100px">Name</th> 
       <th style="width: 100px">Host</th> 
       <th style="width: 100px">Serial Number</th> 
       <th style="width: 100px">Batch Number</th> 
       <th style="width: 100px">Site</th> 
       <th style="width: 100px">Cavity</th> 
      </tr> 
      {% for handle in handles %} 
      <tr> 
       <td>{{ handle.id }}</td> 
       <td>{{ handle.idhandle }}</td> 
       <td>{{ handle.createdate }}</td> 
       <td>{{ handle.handlename }}</td> 
       <td>{{ handle.handlehost }}</td> 
       <td>{{ handle.serialnumber }}</td> 
       <td>{{ handle.batchnumber }}</td> 
       <td>{{ handle.site }}</td> 
       <td>{{ handle.cavity }}</td> 
      </tr> 
      {% endfor %} 
     </table> 

     </div> 
    </div> 
</div> 

的問題是,從CSS的表格樣式是不工作的任何想法? 所有其他樣式工作正常,只有表失敗。

EDIT1

目前的觀點 - 沒有風格 enter image description here

需要風格:

enter image description here

+0

你能否提供一點信息,而不是僅僅說明它「不工作」?它究竟以什麼方式不起作用?您是否使用過瀏覽器佈局檢查工具來查看瀏覽器如何確定表格樣式? – Pointy

+0

@Pointy NP,我已經編輯了標題,這個問題也在帖子中解釋過。 –

+0

不,沒有解釋。它是什麼樣子的?你想讓它看起來像什麼?渲染與你期望的有什麼不同? – Pointy

回答

0

運行manage.py collectstatic

不知怎的,CR解決在Pycharm IDE 2靜態文件中出現,以及在錯誤文件中進行的所有mt更改。