Drupal - тема типа узла с использованием CSS - PullRequest
Новая
       2

Drupal - тема типа узла с использованием CSS

0 голосов
/ 10 января 2011

Эй, у меня есть контент, который я пытаюсь сохранить как узел. Проблема в том, что контент, который я пытаюсь сохранить, представляет собой 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>

Это должно выглядеть как paystub, все правильно выровнено, текст немного маленький, но это легко исправить, но я не могу понять, почему все выровнено по левому краю после сохранения узла. Я перепробовал все три формата ввода, не давая мне то, что я хочу. Есть идеи? Я довольно новичок в

эта установка Drupal есть только в нашей интрасети и относится к платежным квитанциям и всей этой хорошей личной информации, которая, я уверен, кто-то хотел бы получить там. Поэтому я не могу дать вам прямую ссылку на что-либо.

Я могу вам сказать, что это просто установка Drupal по умолчанию, поэтому я могу быть уверен, что под капотом ничего не происходит. Я попытался удалить теги head и body из HTML, но безрезультатно.

Когда режим ввода «Полный HTML» включен после сохранения, размер шрифта работает правильно, а цвет фона меняется на серый, что в HTML-коде, который я разместил, чтобы эти части работали. Кажется, что не хватает позиционирования текста.

Вот скриншот. http://i.stack.imgur.com/4gsuW.png

1 Ответ

0 голосов
/ 10 января 2011

У вас есть несколько проблем.Трудно сказать, из-за чего может произойти сбой позиционирования «отпущения грехов», но вот некоторые вещи, которые нужно исправить, независимо от того:

  1. Вам не нужен метатег.Drupal уже делает это (на самом деле 2).
  2. Вы не должны помещать тег <style> в свою разметку.Используйте CSS-модуль для CSS для конкретного узла.
  3. В вашем узле не может быть тега <body>.Узел существует в <body>, так что это дает вам структуру body> div> body> div.Я подозреваю, что это корень вашей проблемы.
  4. Вы должны использовать пробел в CSS, а не <nobr>.
  5. Прекратите использовать заглавные буквы в своих тегах.Это ничего не нарушает, но делает вас похожим на сумасшедшего человека, который все время кричит.

Если все это не решает вашу проблему, установите Firebug, чтобы увидеть, является ли ваш атрибут стиляприменяется и / или переопределяет ли что-то еще.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...