Zum Inhalt springen

Schrift anpassen -

Erstellt am 7. Dezember 2005 · 2 Antworten · letzte Antwort am 7. Dezember 2005

Tags: Inhaltselemente, HTML & CSS, Frage

simma ·

Hallo,

durch das Seiteninhaltsobjekt habe ich recht einfach ein Mailformular hinbekommen welches sogar! funktioniert. Beim Anpassen der Schrift habe ich aber jetzt Probleme. Da ich mir nicht sicher bin habe ich in der Designvorlage einmal einen Marker "INHALT" eingesetzt. Ergebnis: Das Formular wird unformatiert angepasst.
Beim zweiten Versuch habe ich anstelle "INHALT" die Marker "LABEL" und "FIELD" gesetzt. Ergebnis ist hier das ich das Formular nicht angezeigt bekomme.

Kann mir jemand einen Tip geben?

Ich habe im Template folgendes TypoScripT

seite = PAGE
seite.typeNum = 0
seite.bodyTag = <body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
seite.stylesheet = fileadmin/style.css
seite.10 = TEMPLATE
seite.10 { 
   template = FILE
   template.file = fileadmin/main_templ_7.html
   workOnSubpart = DOKUMENT   
   marks.INHALT < styles.content.getRight
   marks.HEADERIMG < styles.content.getLeft   
   marks.HEAD < styles.content.get

marks.MENUE= HMENU
marks.MENUE.entryLevel = 0
marks.MENUE.1 = TMENU
marks.MENUE.1 {
   NO {
      allWrap = <tr><td class="navi" height="20">|</td></tr>
      ATagParams=class="navi"
   }
   ACT = 1
   ACT {
      allWrap = <tr><td class="navi_active" height="20">|</td></tr>
      ATagParams=class="navi_active"
   }
}

marks.MENUE.2 = TMENU
marks.MENUE.2 { 
   NO {
      allWrap = <tr><td class="navi" height="20">|</td></tr>
      ATagParams=class="navi"
      beforeImg = fileadmin/img/pfeilchentrans.gif
      beforeROImg = fileadmin/img/pfeilchen.gif
      RO = 1
   }
   ACT = 1
   ACT {
      allWrap = <tr><td class="navi_active" height="20">|</td></tr>
      ATagParams=class="navi_active"
      beforeImg = fileadmin/img/pfeilchen.gif
   }
tt_content.image.20.spaceBelowAbove = 0
tt_content.mailform.20.layout = <tr><td align="left" class="ft10px666666"><b>###LABEL###</b></td><td><img src="clear.gif" width="20" alt="" /></td><td class="text">###FIELD###</td></tr>
tt_content.mailform.20.params = class="formular"
tt_content.mailform.20.labelWrap.wrap = <div class="ft10px666666" align="left"><b> | </b></div>
steffenk ·

Ein Blick in den Object browser zeigt, wie die mailform formatiert ist:

<tr><td class="csc-form-labelcell">###LABEL###</td><td class="csc-form-fieldcell">###FIELD###</td></tr>

Also musst Du in Deiner css die beiden Klassen definieren und entsprechend formatieren.

simma ·

Danke Steffen,

es geht aber immer noch nicht ;-(

Muss ich denn in der Designvorlage die Marker LABEL und FIELD setzen? Zur zeit habe ich den Marker INHALT gesetzt.
Mein css datei sieht so aus:

.....
.ft10px666666 { color: #666; font-size: 10px; font-family: Verdana }
.ft10px333333 { color: #333; font-size: 10px; font-family: Verdana }

.formular { color: #333333; font-size: 10px; font-family: Verdana; background-color: #ffffff; border: solid 1px #666666 }

h1 { color: #005b78; font-size: 14px; font-weight: bold; font-family: Verdana }
.bodytext { color: #333; font-size: 10px; font-family: Verdana}
...........