Zum Inhalt springen

Der ewige Kampf mit den Umrandungen - tt_content

Erstellt am 22. Mai 2007 · 2 Antworten · letzte Antwort am 22. Mai 2007

Tags: Inhaltselemente, Frage

Multisaft ·

Hallo Leute.
Ich soll Retten, was zu Retten ist. Die Homepage meines Lehrstuhls soll neu gestaltet werden. Da wir leider die Template, CSS Vorgaben der Uni einhalten müssen, bewegen wir uns da auf einem sehr eng abgesteckten Rahmen von Vorgaben.

Nun sieht es so aus, dass wir u.a. einen Rahmen um alle Textelemente ziehen sollen. Sehr schön zu sehen (sozusagen die Referenzseite auf der wir aufbauen) hier http://www.icb.uni-essen.de/
unsere Bemühungen findet ihr hier:
http://energie.energiebwl.uni-essen.de/typo3/

Leichter wird mir das ganze nicht gemacht, da ich mit jemanden Zusammenarbeiten muss, der nichts auf die Kette bekommt um es mal so zu sagen. Er will immer den statischen Ansatz verfolgen, und die Parser selbst als HTML in die Template zu schreiben.
Die Idee eines CMS hat er nicht verstanden - eben u.a., dass das Typo 3 auch selbst machen kann.
Da ich es aber selbst nicht hinbekomme werd ich da jetzt nicht weiter drauf eingehen.
Fakt ist auch, dass ich eure hilfe benötige. Habe schon das Tutorial durchgearbeitet aber klappen tut das nicht.

Eine meiner Lösungen seht ihr hier

tt_content.stdWrap.dataWrap = 
<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td class="v_border" rowspan="4">
      <img src="fileadmin/images/_.gif" alt=" " border="0" width="1" />
    </td>
    <td>
      <a name="{field:uid}"></a> |</td>
    <td class="v_border" rowspan="4">
      <img src="fileadmin/images/_.gif" alt=" " border="0" width="1" />
    </td>
  </tr>
  <tr>
    <td class="horizontal_border" colspan="3"></td>
  </tr>
  <tr>
    <td><br /><br /></td>
  </tr>
  <tr>
    <td class="horizontal_border" colspan="3"></td>
  </tr>
</table>
lib.stdheader.10.1.fontTag = <h1 style="margin:0px;color: #fff; 
font-weight: bold; font-size: 11px;  font-family: Verdana, Geneva, 
Arial, Sans-Serif; background-color: #304090; vertical-align: top; 
padding: 5px;">|</h1>

Funktioniert natürlich nicht trotz der Vorgabe, dass um alle Tabellen etc. eine Tabelle gelegt wird mit der Breite der Grafik und der Grafik als Backround-Image.
Habe ich eventuell das Prinzip von tt_content und wraps nicht verstanden? Kann mir jemand einen Link geben, wo ich das ganze nochmal durcharbeiten kann? Ich weiß nicht mehr weiter 🙁

braucht ihr eventuell den quelltext des templates oder meiner template-setup?
Die Dots die ihr jetzt noch seht sind mit CSS sozusagen gefaked:
td.v_border {

width: 1px;
background-image: url('images/dot6_u.gif');
}

ArminB ·

moin,

der Ansatz ist schon richtig. Aber da du über mehere Zeilen den Wrap hast, musst du den in () packen:

tt_content.stdWrap.dataWrap ( 
<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td class="v_border" rowspan="4">
      <img src="fileadmin/images/_.gif" alt=" " border="0" width="1" />
    </td>
    <td>
      <a name="{field:uid}"></a> |</td>
    <td class="v_border" rowspan="4">
      <img src="fileadmin/images/_.gif" alt=" " border="0" width="1" />
    </td>
  </tr>
  <tr>
    <td class="horizontal_border" colspan="3"></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td class="horizontal_border" colspan="3"></td>
  </tr>
</table>
)

Ansonsten solltet Ihr mal überlegen es nur mit div und CSS zu lösen.

Armin