Django テンプレートのデザインの 1 つに問題があります。他のすべてのデザインは正常に動作していますが、テーブルの CSS コードが機能していません。CSS コードの一部と Djnago テンプレートの関連部分を添付しています。
私の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 のテーブル スタイルが機能していないということですか? 他のすべてのスタイルは正常に機能していますが、テーブルのみが機能しません。
編集1
現在のビュー - スタイルはありません
必要なスタイル: