我对 Django 模板中的一个设计有疑问,所有其他设计都可以正常工作,但表格 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
当前视图 - 没有风格
需要款式: