html - Drupal - 使用 CSS 为节点类型设置主题

标签 html css drupal

嘿，我有一些内容要保存为节点。问题是我要保存的内容是 html，即使将 drupal 设置为“完整 HTML”输入格式，它仍然无法正确显示。

这是我要发布的内容，已删除个人信息。

<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<DIV style="position:relative;width:612;height:792;">
<STYLE type="text/css">
<!--
 .ft0{font-size:8px;font-family:Helvetica;color:#000000;}
 .ft1{font-size:4px;font-family:Helvetica;color:#000000;}
 .ft2{font-size:5px;font-family:Helvetica;color:#000000;}
 .ft3{font-size:10px;font-family:Helvetica;color:#000000;}
 .ft4{font-size:8px;line-height:12px;font-family:Helvetica;color:#000000;}
 .ft5{font-size:4px;line-height:7px;font-family:Helvetica;color:#000000;}
 .ft6{font-size:8px;line-height:2px;font-family:Helvetica;color:#000000;}
 .ft7{font-size:8px;line-height:3px;font-family:Helvetica;color:#000000;}
-->
</STYLE>
</HEAD>
<BODY bgcolor="#A0A0A0" vlink="blue" link="blue">
<DIV style="position:absolute;top:284;left:34"><nobr><span class="ft0">****</span></nobr></DIV>
<DIV style="position:absolute;top:284;left:160"><nobr><span class="ft0">MIC</span></nobr></DIV>
<DIV style="position:absolute;top:284;left:232"><nobr><span class="ft0">*********</span></nobr></DIV>
<DIV style="position:absolute;top:168;left:48"><nobr><span class="ft0">************</span></nobr></DIV>
<DIV style="position:absolute;top:284;left:437"><nobr><span class="ft0">**/**/2010</span></nobr></DIV>
<DIV style="position:absolute;top:181;left:48"><nobr><span class="ft4">****** St<br>******* 48602</span></nobr></DIV>
<DIV style="position:absolute;top:125;left:40"><nobr><span class="ft0">**********************</span></nobr></DIV>
<DIV style="position:absolute;top:54;left:60"><nobr><span class="ft0">*********</span></nobr></DIV>
<DIV style="position:absolute;top:54;left:317"><nobr><span class="ft0">1st*****</span></nobr></DIV>
<DIV style="position:absolute;top:84;left:431"><nobr><span class="ft0">**/**/2010</span></nobr></DIV>
<DIV style="position:absolute;top:84;left:520"><nobr><span class="ft0">      $00000</span></nobr></DIV>
<DIV style="position:absolute;top:298;left:30"><nobr><span class="ft1">EMPLOYEE NO.</span></nobr></DIV>
<DIV style="position:absolute;top:298;left:154"><nobr><span class="ft1">LOCATION</span></nobr></DIV>
<DIV style="position:absolute;top:298;left:233"><nobr><span class="ft1">EMPLOYEE  NAME</span></nobr></DIV>
<DIV style="position:absolute;top:298;left:445"><nobr><span class="ft1">PERIOD END</span></nobr></DIV>
<DIV style="position:absolute;top:311;left:151"><nobr><span class="ft1">HRS/UNITS</span></nobr></DIV>
<DIV style="position:absolute;top:311;left:199"><nobr><span class="ft1">CURRENT AMOUNT</span></nobr></DIV>
<DIV style="position:absolute;top:311;left:279"><nobr><span class="ft1">YEAR TO DATE</span></nobr></DIV>
<DIV style="position:absolute;top:310;left:372"><nobr><span class="ft2">DEDUCTIONS</span></nobr></DIV>
<DIV style="position:absolute;top:310;left:60"><nobr><span class="ft2">EARNINGS</span></nobr></DIV>
<DIV style="position:absolute;top:311;left:534"><nobr><span class="ft1">YEAR TO DATE</span></nobr></DIV>
<DIV style="position:absolute;top:311;left:459"><nobr><span class="ft1">CURRENT AMOUNT</span></nobr></DIV>
<DIV style="position:absolute;top:73;left:447"><nobr><span class="ft1">DATE</span></nobr></DIV>
<DIV style="position:absolute;top:73;left:521"><nobr><span class="ft1">AMOUNT</span></nobr></DIV>
<DIV style="position:absolute;top:169;left:19"><nobr><span class="ft5">TO THE<br>ORDER<br>OF</span></nobr></DIV>
<DIV style="position:absolute;top:125;left:19"><nobr><span class="ft2">PAY</span></nobr></DIV>
<DIV style="position:absolute;top:182;left:343"><nobr><span class="ft2">Bank Routing No.</span></nobr></DIV>
<DIV style="position:absolute;top:182;left:417"><nobr><span class="ft2">Bank Account Number</span></nobr></DIV>
<DIV style="position:absolute;top:181;left:515"><nobr><span class="ft2">Deposit Amount</span></nobr></DIV>
<DIV style="position:absolute;top:195;left:528"><nobr><span class="ft0">    99999</span></nobr></DIV>
<DIV style="position:absolute;top:195;left:418"><nobr><span class="ft0">9999-000</span></nobr></DIV>
<DIV style="position:absolute;top:195;left:336"><nobr><span class="ft0">9999999</span></nobr></DIV>
<DIV style="position:absolute;top:258;left:253"><nobr><span class="ft3"><b>NON NEGOTIABLE</b></span></nobr></DIV>
<DIV style="position:absolute;top:67;left:60"><nobr><span class="ft4">1212 N. *****<br>*****, MI 99999-</span></nobr></DIV>
<DIV style="position:absolute;top:9;left:4"><nobr><span class="ft6">.<br>.<br>.<br>.<br>.<br>.</span></nobr></DIV>
<DIV style="position:absolute;top:5;left:4"><nobr><span class="ft0">.</span></nobr></DIV>
<DIV style="position:absolute;top:27;left:4"><nobr><span class="ft0">.</span></nobr></DIV>
<DIV style="position:absolute;top:3;left:4"><nobr><span class="ft0">.</span></nobr></DIV>
<DIV style="position:absolute;top:29;left:4"><nobr><span class="ft0">.</span></nobr></DIV>
<DIV style="position:absolute;top:284;left:103"><nobr><span class="ft0">01</span></nobr></DIV>
<DIV style="position:absolute;top:298;left:102"><nobr><span class="ft1">SHIFT</span></nobr></DIV>
<DIV style="position:absolute;top:324;left:25"><nobr><span class="ft0">Regular Pay</span></nobr></DIV>
<DIV style="position:absolute;top:324;left:348"><nobr><span class="ft0">Federal Income</span></nobr></DIV>
<DIV style="position:absolute;top:324;left:153"><nobr><span class="ft0">  7999</span></nobr></DIV>
<DIV style="position:absolute;top:324;left:210"><nobr><span class="ft0">     9999</span></nobr></DIV>
<DIV style="position:absolute;top:324;left:281"><nobr><span class="ft0">     9999</span></nobr></DIV>
<DIV style="position:absolute;top:324;left:471"><nobr><span class="ft0">      9999</span></nobr></DIV>
<DIV style="position:absolute;top:324;left:540"><nobr><span class="ft0">     9999</span></nobr></DIV>
<DIV style="position:absolute;top:338;left:25"><nobr><span class="ft0">Overtime Pay</span></nobr></DIV>
<DIV style="position:absolute;top:338;left:348"><nobr><span class="ft0">Medicare Tax</span></nobr></DIV>
<DIV style="position:absolute;top:338;left:156"><nobr><span class="ft0">   0.000</span></nobr></DIV>
<DIV style="position:absolute;top:338;left:217"><nobr><span class="ft0">        0.00</span></nobr></DIV>
<DIV style="position:absolute;top:338;left:283"><nobr><span class="ft0">      9999</span></nobr></DIV>
<DIV style="position:absolute;top:338;left:474"><nobr><span class="ft0">       9999</span></nobr></DIV>
<DIV style="position:absolute;top:338;left:543"><nobr><span class="ft0">      9999</span></nobr></DIV>
<DIV style="position:absolute;top:353;left:25"><nobr><span class="ft0">Vacation Pay</span></nobr></DIV>
<DIV style="position:absolute;top:353;left:348"><nobr><span class="ft0">FICA Tax</span></nobr></DIV>
<DIV style="position:absolute;top:353;left:156"><nobr><span class="ft0">   9999</span></nobr></DIV>
<DIV style="position:absolute;top:353;left:212"><nobr><span class="ft0">      9999</span></nobr></DIV>
<DIV style="position:absolute;top:353;left:283"><nobr><span class="ft0">      9999</span></nobr></DIV>
<DIV style="position:absolute;top:353;left:474"><nobr><span class="ft0">       9999</span></nobr></DIV>
<DIV style="position:absolute;top:353;left:540"><nobr><span class="ft0">     9999</span></nobr></DIV>
<DIV style="position:absolute;top:367;left:348"><nobr><span class="ft0">Michigan Income</span></nobr></DIV>
<DIV style="position:absolute;top:367;left:474"><nobr><span class="ft0">       9999</span></nobr></DIV>
<DIV style="position:absolute;top:367;left:540"><nobr><span class="ft0">     99999</span></nobr></DIV>
<DIV style="position:absolute;top:381;left:348"><nobr><span class="ft0">Saginaw Residen</span></nobr></DIV>
<DIV style="position:absolute;top:381;left:474"><nobr><span class="ft0">       999</span></nobr></DIV>
<DIV style="position:absolute;top:381;left:543"><nobr><span class="ft0">      57999</span></nobr></DIV>
<DIV style="position:absolute;top:395;left:348"><nobr><span class="ft0">Hth Ins. Co-Pay</span></nobr></DIV>
<DIV style="position:absolute;top:395;left:471"><nobr><span class="ft0">      11999</span></nobr></DIV>
<DIV style="position:absolute;top:395;left:540"><nobr><span class="ft0">     29999</span></nobr></DIV>
<DIV style="position:absolute;top:409;left:348"><nobr><span class="ft0">Dental Co-Pay</span></nobr></DIV>
<DIV style="position:absolute;top:409;left:474"><nobr><span class="ft0">       19999</span></nobr></DIV>
<DIV style="position:absolute;top:409;left:543"><nobr><span class="ft0">     999999</span></nobr></DIV>
<DIV style="position:absolute;top:423;left:348"><nobr><span class="ft0">Vision Co-Pay</span></nobr></DIV>
<DIV style="position:absolute;top:423;left:476"><nobr><span class="ft0">       999</span></nobr></DIV>
<DIV style="position:absolute;top:423;left:543"><nobr><span class="ft0">      19999</span></nobr></DIV>
<DIV style="position:absolute;top:668;left:116"><nobr><span class="ft0">      169999</span></nobr></DIV>
<DIV style="position:absolute;top:668;left:287"><nobr><span class="ft0">      19999</span></nobr></DIV>
<DIV style="position:absolute;top:668;left:202"><nobr><span class="ft0">       999999</span></nobr></DIV>
<DIV style="position:absolute;top:668;left:370"><nobr><span class="ft0">     999999</span></nobr></DIV>
<DIV style="position:absolute;top:668;left:456"><nobr><span class="ft0">     999999</span></nobr></DIV>
<DIV style="position:absolute;top:668;left:534"><nobr><span class="ft0">     999999</span></nobr></DIV>
<DIV style="position:absolute;top:681;left:102"><nobr><span class="ft1">CURRENT EARNINGS</span></nobr></DIV>
<DIV style="position:absolute;top:681;left:184"><nobr><span class="ft1">CURRENT DEDUCTIONS</span></nobr></DIV>
<DIV style="position:absolute;top:679;left:288"><nobr><span class="ft2">NET PAY</span></nobr></DIV>
<DIV style="position:absolute;top:681;left:365"><nobr><span class="ft1">Y.T.D. EARNINGS</span></nobr></DIV>
<DIV style="position:absolute;top:681;left:446"><nobr><span class="ft1">Y.T.D. DEDUCTIONS</span></nobr></DIV>
<DIV style="position:absolute;top:681;left:532"><nobr><span class="ft1">Y.T.D. NET PAY</span></nobr></DIV>
</DIV>

它应该看起来像一个工资单，所有内容都正确对齐，文本有点小，但很容易修复，但我不明白为什么在我保存节点后所有内容都左对齐。我已经尝试了所有三种输入格式，但都没有给我想要的。有任何想法吗？我对

Drupal 的这个安装仅在我们的内部网上，并且与工资单和所有有用的个人信息有关，我相信有人会愿意亲自动手。所以我无法为您提供任何内容的实时链接。

我可以告诉您，它只是 Drupal 的默认安装，因此我可以相当确定其背后没有发生任何异常情况。我尝试从 HTML 中删除 head 和 body 标签，但无济于事。

保存后启用“完整 HTML”输入模式时，字体大小正常工作，背景颜色更改为我发布的 HTML 代码中的灰色，因此这些部分可以正常工作。似乎缺少的是文本的定位。

这是截图。 http://i.stack.imgur.com/4gsuW.png

最佳答案

你有几个问题。很难说是什么原因导致了 absolution 定位失败，但这里有一些问题需要解决:

  1. 您不需要元标记。 Drupal的 已经这样做了(实际上是 2 次)。
  2. 你不应该放 <style>标记在 你的标记。使用 CSS module用于节点特定的 CSS。
  3. 你不能有 <body>标记在 你的节点。该节点存在于 <body> ，所以这给了你一个 body结构 > div > body > 分区我怀疑这是的根源 你的问题。
  4. 你应该使用 white-space 在 CSS 而不是 <nobr> .
  5. 停止使用您的标签。它没有 打破任何东西，但让你看起来 就像一个尖叫的疯子 时间。

如果所有这些都不能解决您的问题，请安装 Firebug 以查看是否应用了您的样式属性和/或是否有其他内容覆盖了它。

关于html - Drupal - 使用 CSS 为节点类型设置主题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4647733/

上一篇：html - drupal 的默认主题有一些问题

下一篇：html - 使用 CSS 设计站点地图树

相关文章：

drupal - Drupal 7 中的分类图像

javascript - 插入 div 作为 .lastElementChild 没有 'insertBefore' 没有 jQuery

javascript - jquery tablesorter CSS 箭头图标

CSS隐藏INPUT BUTTON值文本

javascript - 共享点 : Add css and javascript to a web part page

jquery - 在某些计算区域上更改光标图标

.htaccess - 将 https 提供的所有数据重定向到 http

javascript - jQuery - .val 到不保留换行符的文本区域

javascript - div.getelementbyid(id).innerHTML = ""给出错误

javascript - 如何使用http(不安全访问)访问chrome最新版本中的相机功能？

©2024 IT工具网  联系我们