[TYPO3-german] prob

Tue Sep 26 22:37:13 CEST 2006

hallo leute ich habe folgendes prob ich kann auf meiner seite das logo nicht in der mitte centrieren kann mir einer von euch da helfen 

also das ist der 

css code
##############################
img.block {
position:center;
margin-top:-50%;
margin-left:-50%; 

}
############################
typo script code 

  page = PAGE
  page {
     # Allgemeine Seiteneigenschaften setzen
     bodyTag = <body>
     stylesheet = fileadmin/style.css
     # Die Designvorlage integrieren
     10 = TEMPLATE
     10.template = FILE
     10.template.file = fileadmin/vorlage.html
     10.workOnSubpart = DOKUMENT

     10.marks {
        # Den Platzhalter DATUM ansprechen
        DATUM = TEXT
        DATUM.data = date : d.m.Y

        # Das Logo einlesen
        LOGO = IMAGE
        LOGO.file = fileadmin/images/logo.jpg
        LOGO.file.width = 178

        # Den Trailer dynamisch ansprechen
        TRAILER = IMAGE
        TRAILER.file = GIFBUILDER
        TRAILER.file {
           XY = 759, 99
           backColor = #FFFFFF

           # Das Hintergrundbild einlesen
           10 = IMAGE
           10.file.import = uploads/media/
           10.file.import.data = levelmedia:-1, slide
           10.file.import.listNum = 0
           10.file.width = 759
           10.offset = 0, -150

           # Den Verlauf einarbeiten
           20 = IMAGE
           20.file = GIFBUILDER
           20.file.backColor = #FFFFFF
           20.file.XY = 759,99
           20.mask = fileadmin/images/mask.jpg

           # Text auf den Trailer rendern
           30 = TEXT
           30.text.listNum = 0
           30.text.listNum.splitChar = _
           30.text.field = subtitle // title
           30.fontFile = fileadmin/fonts/verdana.ttf
           30.fontSize = 24
           30.fontColor = #364497
           30.niceText = 1
           30.offset = 10, 85

           # Ein ggf. vorhandenes zweites Textelement anzeigen lassen
           35 < .30
           35.text.listNum = 1
           35.offset = 10+[30.w]+12, 85
        }

        # Das Textmenü oben erstellen
        MENU_OBEN = HMENU
        MENU_OBEN {
           special = directory
           special.value = 390
           1 = TMENU
           1.NO = 1
           1.NO.linkWrap = &nbsp;|&nbsp;&#124; |*| &nbsp;|&nbsp;&#124; |*| &nbsp;|
        }

        # Das grafische Menü erstellen
        MENU_LINKS = HMENU
        MENU_LINKS {
           wrap = <img src="fileadmin/images/linie_weiss.gif" width="178" height="1"><br>|
           special = directory
           special.value = 3
           entryLevel = 1
           1 = GMENU
           1.NO = 1
           1.NO {
              wrap = |<br>
              XY = 178, 24+[16.h]
              backColor = #364497

              # Text auf den Menüpunkt rendern
              10 = TEXT
              10.text.field = title
              10.text.listNum = 0
              10.text.listNum.splitChar = _
              10.fontColor = #FFFFFF
              10.fontFile = fileadmin/fonts/verdana.ttf
              10.fontSize = 12
              10.niceText = 1
              10.offset = 14, 16

              # Eine ggf. vorhandene zweite Textzeile anzeigen lassen
              15 < .10
              15.text.listNum = 1
              15.offset = 14, 32

              # Hilfsebene zur Berechnung der Höhe von Menüpunkten
              16 < .10
              16.text.case = upper
              16.text.listNum = 1
              16.fontSize = 22
              16.offset = 1000,1000

              # Eine weisse Linie erzeugen
              20 = IMAGE
              20.file = GIFBUILDER
              20.file {
                 XY = 178,1
                 backColor = #FFFFFF
              }
              20.offset = 0, 23+[16.h]
           }

           # Einen RollOver-Zustand beschreiben
           1.RO < .1.NO
           1.RO.backColor = #061467

           # Die zweite Ebene als Kopie der ersten Ebene beschreiben
           2 < .1
           2.NO {
              backColor = #D3E2F9
              10.fontColor = #061467
              10.fontSize = 11
           }
           2.RO < .2.NO
           2.RO.backColor = #C1D5F4
        }

        # Einen Klickpfad erstellen
        # Objekt COA wird zwischengeschaltet, um einen zusätzlichen
        # Text angeben zu können.
        KLICKPFAD = COA
        KLICKPFAD {
           # Der vorgeschaltete Text
           10 = TEXT
           10.value = Sie befinden sich hier:&nbsp;

           # Den Klickpfad an Position 20 darstellen
           20 = HMENU
           20 {
              special = rootline
              special.range = 2|-1
              1 = TMENU
              1.NO = 1
              1.NO.linkWrap = |&nbsp;/&nbsp;
              1.NO.stdWrap.parseFunc.short._ = &nbsp;
           }
        }

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

        # Inhalte auf der rechten Spalte ausgeben
        RECHTS = COA
        RECHTS.10 = CONTENT
        RECHTS.10 {
           table = tt_content
           select.where = colPos = 2
           select.orderBy = sorting
        }
        RECHTS.20 = CONTENT
        RECHTS.20 {
           table = tt_content
           select.orderBy = sorting
           # Inhalte werden von der Seite mit der ID 18 genommen.
           select.pidInList = 18
        }

        # Suchformular im Platzhalter anzeigen
        SUCHE < tt_content.search.30
        SUCHE {
           layout = ###FIELD###<br>
           stdWrap.wrap >

           target = _self
           redirect = 9
           badMess = Bitte füllen Sie alle erforderlichen Felder aus:
           dataArray.10 {
              label.override = Ihre Suche:
              type = *sword = input, 10, 30
           }
           dataArray.20 {
              valueArray >
              type = scols = hidden
              value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
           }
           image = IMAGE
           image.file = GIFBUILDER
           image.file {
              XY = 20,15
              backColor = silver
              10 = TEXT
              10.text = GO
              10.fontFile = fileadmin/fonts/verdana.ttf
              10.fontColor = black
              10.fontSize = 11
              10.niceText = 1
              10.offset = 2, 13
           }
        }
     }
  }

  # Die Überschrift neu formatieren
  lib.stdheader >
  lib.stdheader = CASE
  lib.stdheader {
     key.field = header_layout
     default = TEXT
     default.field = header
     default.wrap = <h1>|</h1>

     2 = IMAGE
     2.file = GIFBUILDER
     2.file {
        XY = [10.w]+10, 20
        backColor = #FFFFFF
        10 = TEXT
        10.text.field = header
        10.fontFile = fileadmin/fonts/verdana.ttf
        10.fontColor = #061467
        10.fontSize = 15
        10.niceText = 1
        10.offset = 1, 18
     }
     wrap = |<br>
  }

  # Das Suchformular anpassen
  tt_content.search.30 {
     target = _self
     badMess = Bitte füllen Sie alle erforderlichen Felder aus:
     dataArray.10 {
        label.override = Ihre Suche:
        type = *sword = input, 15, 30
     }
     dataArray.20 {
        valueArray >
        type = scols = hidden
        value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
     }
     image = IMAGE
     image.file = GIFBUILDER
     image.file {
        XY = 50,20
        backColor = silver
        10 = TEXT
        10.text = SUCHE
        10.fontFile = fileadmin/fonts/verdana.ttf
        10.fontColor = black
        10.fontSize = 11
        10.niceText = 1
        10.offset = 2, 15
     }
  }

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

##################################

und das ist der html code 
##############################

<html>
  <head>
    <title>::JP-Electronics::t</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="language" content="de" />
    <link rel="stylesheet" type="text/css" href="fileadmin/style.css" />

  </head>
  <body>

  	<!-- ###DOKUMENT### begin -->

    <div id="container">

      <div id="header">
        ###LOGO###
      </div>

      <div id="top">
        ###MENU_OBEN###
      </div>

      <div id="links">
			<div>
				###MENU_LINKS###
			</div>
      	<div>

      	</div>
      </div>      

      <div id="right">

      </div>

      <div id="center">
      	<div id="head">

      	</div>
        <div>
          ###INHALT###
        </div>
      </div>

      <div id="footer">
      </div>

    </div>

    <!-- ###DOKUMENT### end -->

  </body>
</html>
###############

vieln dank im vorraus asd2003

ps . der link zur adresse ist  http://jp-electronics.de/typo/ 

mail asd2003 at gmx.de icq 190-059-675

-- 
Der GMX SmartSurfer hilft bis zu 70% Ihrer Onlinekosten zu sparen! 
Ideal für Modem und ISDN: http://www.gmx.net/de/go/smartsurfer