[TYPO3-german] CSS einbinden und anwenden

C.Neumann claudian at all-in-media.com
Tue Mar 6 13:28:14 CET 2007


Hallo,

ich habe meine erste Web mit Typo gerade soweit fertig, funktioniert sogar
alles.

Leider klappt das mit der Formatierung nicht.

Ich habe zwar "stylesheet = fileadmin/haupt.css" im script aber es passiert
nichts.

Es soll so sein das der Titel, überall das gleiche Format hat und es soll so
sein das der Text überall das gleiche Format hat, das gleiche mit den
Tabellen.

Vorgegeben ist z.B. hier in der CSS das alles in Verdana ist, aber ich
bekomme im Browser alles in NewsTime... gezeigt!

Wo habe ich da was verpasst.

Danke für eure Hilfe

Gruß
Claudia

Template:

page = PAGE
page {
         typeNum = 0
         # Allgemeine Seiteneigenschaften setzen
         bodyTag = <body topmargin="0" leftmargin="0"
rightmargin="0"bottommargin="0" marginwidth="0" marginheight="0">
         stylesheet = fileadmin/haupt.css

         # Die Designvorlage integrieren
         10 = TEMPLATE
         10 {
              template = FILE
              template.file = fileadmin/vorlage.html
              workOnSubpart = DOKUMENT

              # Den Platzhalter ansprechen
              marks {
                          # Den Balken einlesen
                          BALKEN = IMAGE
                          BALKEN {
                                      file = fileadmin/grafiken/balken.gif
                                      file.width = 790
                                      file.height = 47
                                      }

                          # Das Logo einlesen
                          LOGO = IMAGE
                          LOGO {
                                    file = fileadmin/grafiken/logo.gif
                                    file.width = 210
                                    file.height = 80
                                    }

                          # Das grafische Menü erstellen
                          MENU_LINKS = HMENU
                          MENU_LINKS {
                                             special = directory
                                             special.value = 12
                                             entryLevel = 1
                                             1 = GMENU
                                             1.NO = 1
                                             1.NO {
                                                      XY = 169, 30
                                                      backColor = #000063

                                                      # Text auf den
Menüpunkt rendern
                                                      10 = TEXT
                                                      10 {
                                                           text.field =
title
                                                           fontColor =
#FFFFFF
                                                           fontFile =
fileadmin/fonts/Arial.ttf
                                                           fontSize = 12
                                                           offset = 10, 16
                                                           }
                                                        # Eine Linie
erzeugen
                                                        20 = IMAGE
                                                        20 {
                                                              file =
GIFBUILDER
                                                              file {
                                                                    XY =
169, 1

backColor = #FBCE64
                                                                    }
                                                              offset = 0, 29
                                                              }

                                                         30 = IMAGE
                                                         30 {
                                                              file =
GIFBUILDER
                                                              file {
                                                                    XY = 2,
29

backColor = #FBCE64
                                                                    }
                                                               }

                                                         35 = IMAGE
                                                         35 {
                                                              file =
GIFBUILDER
                                                              file {
                                                                    XY = 2,
29

backColor = #FBCE64
                                                                    }
                                                              offset = 167,
0
                                                               }

                                                      }

                                             1.RO < .1.NO
                                             1.RO {
                                                      # Text auf den
Menüpunkt rendern
                                                      10 = TEXT
                                                      10.fontColor = #FFCE63
                                                      }
                                             # Die zweite Ebene als Kopie
der ersten Ebene beschreiben
                                             2 < .1
                                             2.NO {
                                                       backColor = #FBCE64
                                                       10.fontColor =
#FFFFFF
                                                       20.backColor =
#000063
                                                       20.XY = 165, 1
                                                       20.offset = 2, 29
                                                      }

                                              2.RO < .2.NO
                                              2.RO {
                                                      10.fontColor = #000063
                                                      }

                                              }
                        #Inhalt ausgeben
                         INHALT = CONTENT
                         INHALT {
                                     table = tt_content
                                     select.orderBy =sorting
                                     select.where = colPos = 0
                                     }

                         }
               }
          }


   # Das Suchformular anpassen
  tt_content.search.30 {
                                target = _self
                                badMess = Bitte füllen Sie alle
erforderlichen Felder aus:
                                dataArray.10 {
                                                   label.override.lang.de =
Ihre Suche:
                                                   type = *sword = input,
15, 30
                                                   }

                                dataArray.20 {
                                                   valueArray >
                                                   type = scols = hidden
                                                   value =
pages.title-subtitle-keywords-description:tt_content.header-bodytext-imageca
ption
                                                   }

                                image = IMAGE
                                image{
                                          file =
fileadmin/grafiken/suchen.gif
                                          file.width = 109
                                          file.height = 24
                                          }
                                }

  # Das Suchergebnis anpassen
  tt_content.search.20 {
                                layout.10.override.lang.de = Ergebnisse auf
dieser Seite: ###RANGELOW### bis ###RANGEHIGH### von ###TOTAL###
                                renderObj.10.typolink.target = _self
                                renderObj.20.stdWrap.crop = 200 | [.]
                                noResultObj.10.override.lang.de = Kein
Ergebniss gefunden!
                                next.override.lang.de = Weiter
                                prev.override.lang.de = Zurück
                                target = _self
                                range = 10
                                }

  # Login-Formular für Webseiten-Benutzer
  tt_content.login.20 {
                              hiddenFields.pid.value = 11
                              }


 #### BEDINGUNGEN ###


  # Eingeloggter Benutzer
  [loginUser = *]
  tt_content.login.20 {
                              image = IMAGE
                              image.file = GIFBUILDER
                              image.file {
                                              XY = 100, 20
                                              backColor = red
                                              10 = TEXT
                                              10.text = Logout
                                              10.fontSize = 15
                                              10.fontColor = white
                                              10.fontFile =
fileadmin/fonts/verdana.ttf
                                              10.niceText = 1
                                              10.offset = 1, 16
                                              }
                              }
  [global]

CSS Datei:

body   { background-color:#FFFFFF }

h1    { font-family:Arial; font-size: 10pt; color:#000063; font-weight:
bold; }
.bodytext  { font-family:Arial; font-size: 10pt; color:#000000; }
.normal  { font-family:Arial; font-size: 10pt; color:#000000; }

.klein      { font-family:Arial; font-size: 8pt; color:#000000; }
.listebullet { font-family:Arial; font-size: 10pt; color:#000000;
list-style-image:url('../grafiken/bullet_blaugelbrand.gif'); }



a:link       { color:#000080; font-family:Arial; font-size: 10pt;
text-decoration: underline; }
a:visited    { color:#000080; font-family:Arial; font-size: 10pt;
text-decoration: underline; }
a:hover      { color:#FBCE64; font-family:Arial; font-size: 10pt;
text-decoration: underline; }
a:active     { color:#FBCE64; font-family:Arial; font-size: 10pt;
text-decoration: underline; }


.csc-mailform  { position: left;
      display:block;
      width:250;
      border:0px;
      font-size:10pt;
      color:#000000;
      font-family:Arial
    }

.csc-mailform-field  {
        background-color:#ffffff;
      }

.csc-mailform-label  {
       position: left;
       display:block;
       width: 100px;
       float: left;
       left:10px;
       text-align: right;
       background: #ffffff;
       PADDING:2px;
       margin:2px;
      }

.mf-input  {
    position: left;
    width:250px;
    background: #ffffff;
    border:1px solid #FFCE63;
    PADDING:2px;
    margin:2px;
   }

.csc-mailform-input, textarea  {
         position: left;
         width:250px;
         background: #ffffff;
         border:1px solid #FFCE63;
         PADDING:2px;
         margin:2px;
        }

.csc-mailform-check  {
       border: none;
       width:Auto;
       left: 20px;
       border:1px solid #FFCE63;
       PADDING:2px;
       margin: 2 0 2 0;
       }

.csc-mailform-button  {
        clear: center;
        position: center;
        display:block;
        width:Auto;
        background: #F2F5F5;
       }

.csc-mailform-submit {
       clear: center;
       position: center;
       display:block;
       width:Auto;
       background: #F2F5F5;
      }




More information about the TYPO3-german mailing list