- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
mystyle.css
文件:
table {
border-collapse: collapse;
}
tr, th, td {
border: solid 1px #fff
}
td {
width: 50px;
padding: 15px
}
th {
background: #006599;
color: #fff
}
table.inner tr:nth-child(even) {
background: #c7d4e5
}
table.inner tr:nth-child(odd) {
background: #E5E5E5
}
h1 {
margin-bottom: 0;
padding: 0.3em 0;
border-bottom: 1px solid #777;
}
h2 {
color: #999;
font-size: 1.2em;
padding-top: 0.4em;
}
address {
padding: 0.8em;
font-size: 0.9em;
}
page {
background: white;
display: block;
margin: 0 auto;
margin-bottom: 0.5cm;
}
page[size="A4"] {
width: 21cm;
height: 29.7cm;
}
page[size="A4"][layout="portrait"] {
width: 29.7cm;
height: 21cm;
}
page[size="A3"] {
width: 29.7cm;
height: 42cm;
}
page[size="A3"][layout="portrait"] {
width: 42cm;
height: 29.7cm;
}
page[size="A5"] {
width: 14.8cm;
height: 21cm;
}
page[size="A5"][layout="portrait"] {
width: 21cm;
height: 14.8cm;
}
.header, .content {
padding-right: 30%;
}
.center {
text-align: center;
}
.border {
border: 1px solid #777;
}
.border td, .border th {
border: 1px solid #777;
}
table {
border-collapse: collapse;
}
table td, table th {
border-collapse: collapse;
padding: 4px 8px;
}
@media print {
body, page {
margin: 0;
}
.djDebug {
display: none;
}
}
@media screen {
html {
background: #999;
}
body {
margin: 20px 30%;
padding-top: 3em;
padding-left: 3em;
}
}
我的 .html
文件
<!DOCTYPE html>
<html>
<head>
<title></title>
<!--put all your javascript library or style here-->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<script>
window.print()
</script>
</head>
<body>
{% load i18n %}
<table>
<tr>
<th>
<center>
<h1>Test - {% trans "Customer profile" %}</h1>
<center></center>
</center>
</th>
</tr>
<tr>
<td>{% trans "Date" %}</td>
<td>{% now "jS F Y" %}</td>
</tr>
<tr>
<td>{% trans "Customer id" %}</td>
<td>{{ customerprofile.amortizing_table_context.customer_code}}</td>
</tr>
</table>
<table>
<tr>
<td>
<table class='inner'>
<tr>
<th colspan="2">
<h2>{% trans "General informations" %}</h2>
</th>
</tr>
<tr>
<td>{% trans "First name" %}</td>
<td class="col-md-9">{{ customerprofile.amortizing_table_context.first_name}}</td>
</tr>
<tr>
<td>{% trans "Last name" %}</td>
<td>{{ customerprofile.amortizing_table_context.last_name}}</td>
</tr>
<tr>
<td>{% trans "Email" %}</td>
<td>{{ customerprofile.email}}</td>
</tr>
<tr>
<td>{% trans "Language" %}</td>
<td>{{ customerprofile.language }}</td>
</tr>
<tr>
<td>{% trans "Primary phone" %}</td>
<td>{{ customerprofile.phone_1 }}</td>
</tr>
<tr>
<td>{% trans "Secondary phone" %}</td>
<td>{{ customerprofile.phone_2 }}</td>
</tr>
<tr>
<td>{% trans "Fax" %}</td>
<td>{{ customerprofile.fax }}</td>
</tr>
<tr>
<td>{% trans "Social Security number (SSN)" %}</td>
<td>{{ customerprofile.ssn }}</td>
</tr>
<tr>
<td>{% trans "Birth date" %}</td>
<td>{{ customerprofile.birth_date }}</td>
</tr>
<tr>
<td>{% trans "Principal address" %}</td>
<td>{{ customerprofile.address }}</td>
</tr>
<tr>
<td>{% trans "Secondary address" %}</td>
<td>{{ customerprofile.address_line2}}</td>
</tr>
<tr>
<td>{% trans "City" %}</td>
<td>{{ customerprofile.city }}</td>
</tr>
<tr>
<td>{% trans "State" %}</td>
<td>{{ customerprofile.state }}</td>
</tr>
<tr>
<td>{% trans "Zip code" %}</td>
<td>{{ customerprofile.zip_code }}</td>
</tr>
</table>
</td>
<td>
<table class='inner'>
<tr>
<th colspan="2">
<h2>{% trans "Financial" %}</h2>
</th>
</tr>
<tr>
<td>{% trans "Income source" %}</td>
<td>{{ customerprofile.financialprofile.income_source }}</td>
</tr>
<tr>
<td>{% trans "Bank" %}</td>
<td>{{ customerprofile.financialprofile.bank }}</td>
</tr>
<tr>
<td>{% trans "Bank transit" %}</td>
<td>{{ customerprofile.financialprofile.bank_transit }}</td>
</tr>
<tr>
<td>{% trans "Bank account" %}</td>
<td>{{ customerprofile.financialprofile.bank_account }}</td>
</tr>
<tr>
<td>{% trans "Monthly pay amount" %}</td>
<td>{{ customerprofile.financialprofile.pay_amount }}</td>
</tr>
<tr>
<td>{% trans "Pay frequency" %}</td>
<td>{{ customerprofile.financialprofile.pay_frequency }}</td>
</tr>
<tr>
<td>{% trans "First pay date" %}</td>
<td>{{ customerprofile.financialprofile.first_pay_date }}</td>
</tr>
<tr>
<td>{% trans "Second pay date" %}</td>
<td>{{ customerprofile.financialprofile.second_pay_date }}</td>
</tr>
<tr>
<td>{% trans "Monthly micro loan amount" %}</td>
<td>{{ customerprofile.financialprofile.micro_loan_monthly_amount }}</td>
</tr>
<tr>
<td>{% trans "Account balance on pay day" %}</td>
<td>{{ customerprofile.financialprofile.bank_account_balance_on_pay_day }}</td>
</tr>
<tr>
<td>{% trans "Bankruptcy" %}</td>
<td>{% if customerprofile.financialprofile.had_bankruptcy %} {{ "Yes" }}{% else %}{{ "No" }} {% endif %}</td>
</tr>
<tr>
<td>{% trans "Consumer proposal" %}</td>
<td>{% if customerprofile.financialprofile.had_consumer_proposal %} {{ "Yes" }}{% else %}{{ "No" }} {% endif %}</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table class='inner'>
<tr>
<th colspan="2">
<h2>{% trans "Employer" %}</h2>
</th>
</tr>
<tr>
<td>{% trans "Company name" %}</td>
<td>{{ customerprofile.employerprofile.company_name }}</td>
</tr>
<tr>
<td>{% trans "Job title" %}</td>
<td>{{ customerprofile.employerprofile.job_title }}</td>
</tr>
<tr>
<td>{% trans "Date hired" %}</td>
<td>{{ customerprofile.employerprofile.date_hired }}</td>
</tr>
<tr>
<td>{% trans "Supervisor name" %}</td>
<td>{{ customerprofile.employerprofile.supervisor_name }}</td>
</tr>
<tr>
<td>{% trans "Phone" %}</td>
<td>{{ customerprofile.employerprofile.phone }}</td>
</tr>
<tr>
<td>{% trans "Phone extension" %}</td>
<td>{{ customerprofile.employerprofile.phone_extension }}</td>
</tr>
<tr>
<td>{% trans "Address" %}</td>
<td>{{ customerprofile.employerprofile.address }}</td>
</tr>
<tr>
<td>{% trans "Secondary address" %}</td>
<td>{{ customerprofile.employerprofile.address_line2 }}</td>
</tr>
<tr>
<td>{% trans "City" %}</td>
<td>{{ customerprofile.employerprofile.city }}</td>
</tr>
<tr>
<td>{% trans "State" %}</td>
<td>{{ customerprofile.employerprofile.state }}</td>
</tr>
<tr>
<td>{% trans "Zip code" %}</td>
<td>{{ customerprofile.employerprofile.zip_code }}</td>
</tr>
</table>
</td>
<td>
<table class='inner'>
<tr>
<th colspan="2">
<h2>{% trans "References" %}</h2>
</th>
</tr>
<tr>
<td>{% trans "Reference 1 - Fullname" %}</td>
<td>{{ customerprofile.referencesprofile.ref1_fullname }}</td>
</tr>
<tr>
<td>{% trans "Reference 1 - Phone" %}</td>
<td>{{ customerprofile.referencesprofile.ref1_phone }}</td>
</tr>
<tr>
<td>{% trans "Reference 1 - Link" %}</td>
<td>{{ customerprofile.referencesprofile.ref1_link }}</td>
</tr>
<tr>
<td>{% trans "Reference 2 - Fullname" %}</td>
<td>{{ customerprofile.referencesprofile.ref2_fullname }}</td>
</tr>
<tr>
<td>{% trans "Reference 2 - Phone" %}</td>
<td>{{ customerprofile.referencesprofile.ref2_phone }}</td>
</tr>
<tr>
<td>{% trans "Reference 2 - Link" %}</td>
<td>{{ customerprofile.referencesprofile.ref2_link }}</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
.html
文件和 .css
文件不在同一目录中。第一个位于 /home/jeremie/Projects/Test-Django/loanwolf/templates/loanwolf/customers
和 mystyle.css
位于/home/jeremie/Projects/Test-Django/loanwolf/static/loanwolf/css
.我如何修改 <link rel="stylesheet" type="text/css" href="mystyle.css">
行以这种方式起作用?
最佳答案
{% load static %}
<!DOCTYPE html>
...
<link rel="stylesheet" type="text/css" href="{% static 'css/mystyle.css' %}">
以上所有内容均假定您已正确设置 STATIC
settings .参见 here有关静态文件的更多信息。
关于html - .css 和 .html 不在同一目录中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43013564/
我正在为我的程序编写安装脚本,它应该在 Linux/Unix 操作系统上运行。以下文件的默认目录是什么: 可执行文件(程序)。程序应通过从命令行键入其名称来执行。 共享库。 第三方共享库(程序未开源,
我有一堆用户、组和应用程序注册,我的 MVC 应用程序使用 AAD 数据进行身份验证和授权。是否可以将 Azure Active Directory 从一个租户(目录)迁移到另一个租户(目录)?如果可
查看 cljsbuild 文档 https://github.com/emezeske/lein-cljsbuild :cljsbuild { :builds [{ ; The
忽略已经版本控制的文件 如果你不小心添加了一些应该被忽略的文件,你如何将它们从版本控制中去除而不会丢失它们?或许你有自己的IDE配置文件,不是项目的一部分,但将会花费很多时间使之按照自己的方式工作。
我想使用\tableofcontents 命令,但没有目录从新页面开始或在末尾创建新页面,并且所有内容都是单倍行距。我怎样才能做到这一点?我假设使用 tocloft,但有哪些选择? 谢谢 最佳答案 试
我有一些 javascript 菜单代码,可以在单独的目录中正常工作。但是,当我尝试从同一目录中调用相同的 .js 文件时,它不会看到这些文件。 以下内容来自另一个目录: script type="t
我有这样的路径: /my/path/to/important_folder 在同一级别上,我还有其他文件和文件夹想要在达到与 important_folder 相同的级别时列出。 我的文件夹可能更深,
1、获取文件路径实现 1.1 获取当前文件路径 ? 1
我正在使用最新版本的 NTEmacs。 我写了一个名为“.dir-locals.el”的文件,如下所示。 ((nil . ((tab-width . 8) (fill-column .
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 7年前关闭。 Improve thi
在我的 .vimrc 中有这些行 :set foldmethod=marker :set foldmarker=SECTION:,ENDSECTION: 用于自定义代码折叠。在我的文件中,相关语言的注
在 fish 中: for x in * echo $x end *这里包括所有目录和文件,如何只列出文件(或目录)? 最佳答案 fish 没有很多花哨的通配语法。但是,目录可以像这样迭代: f
这是我的目录结构: ├── src │ ├── helpers │ │ ├── __init__.py │ │ ├── foo.py │ │ └── bar.py │
我想递归重命名文件夹/目录名称并找到 this solution所以。但是这个命令没有效果 find . -type f -exec rename 's/old/new/' '{}' \; 这是一个正
我想在相册中创建一个文件夹,并希望将图像保存在创建的相册中。 这可能吗?有什么办法可以做到这一点吗? 我已经搜索过,大多数人都说这是不可能的。 感谢您的帮助。 最佳答案 您也许可以使用AssetsLi
如何在python中使用用户定义的名称创建临时文件/目录。我知道 tempfile .但是我看不到任何以文件名作为参数的函数。 注意:我需要这个来对包含临时文件的临时目录上的 glob(文件名模式匹配
我在项目中使用JaCoCo Gradle插件。 作为问题的一个示例,我的大部分代码都在com.me.mysoftware包下。 我正在使用代码生成器来生成build/generated/java/..
我正在尝试使用 Gradle 开始运行 jar 文件 我的任务如下所示: task startServer(type: Exec) { workingDir file("${buildDir}/a
如何在 Ant 中定义一个目录集,其中包括两个目录:项目的基目录和子目录“test”? 看起来您无法使用“/”、“.”或“”专门包含目录集的根目录。例如,这包括“./test”,但不包括“.”:
我正在使用 CTAGs 包,它使用 Sublime Text 2 生成两个文件 .tags 和 .tags_sorted_by_file。 那么当我进行项目搜索(CMD + SHIFT + F)时,如
我是一名优秀的程序员,十分优秀!