Hallo Zusammen!

Ich bin gerade dabei mich in Typo3 einzuarbeiten.
Derzeit versuche ich ein ein Photoshop erstelltes Layout
als template nachzubauen.

Mir fehlen noch einige grundlegende Kenntisse, dessen bin ich mir bewusst.
Daher - bitte nicht gleich schimpfen wenn ich leicht dusselige Fragen stelle.

Also ich habe in TS bisher ein Template erstellt welches...:

- oben eine 800px breite Header-Grafik enthält
- darunter soll sich ein gmenu befinden, mit einer Unterebene welche sich horizontal ausklappt
- eine horizontale Linie unter dem Menü
- eine Footer-Navigation

Mein Problem ist nun dass ich die gesamte Seite gerne zentriert hätte, was mit Logo und den Linien horizontal auch funktioniert, aber mit den Menüs weiß ich nicht weiter. Das obere(gmenu) soll unter der Header-Grafik sein aber etwas weiter nach rechts eingerückt werden, gleiches bei der Footer-Navigation.

Und hier vermute ich meinen grundsätzlichen Denkfehler.
Wie formatiere ich Menü, Linien etc. sinnvoll damit sie auch bei verschiedenen Auflösungen nicht einfach rumschwirren?

Kann ich das gesamte Template eigentlich in TS erstellen ohne externes html-Template?

Wäre für ein paar Denkanstöße sehr dankbar!

MfG
Cloe

Und hier mal noch das was ich bisher erstellt habe...Ist noch ein ziemlicher "Saustall", aber ich lerne ja noch...

page = PAGE
page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
page.bodyTag = <body bgcolor="{$bgCol}" text="{$fontCol}">

page.4 = TEXT
page.4.value = Fachbetrieb zur Pflege, Wartung und Restauration historischer Nachkriegskraftfahrzeuge
page.4.wrap = <div align="center"><font face="arial" size="3"><font weight="bold"> | </div>

page.5 = IMAGE
page.5.altText = WEWO Logo
page.5.titleText = WEWO Logo
page.5.file = logo_header*.jpg
page.5.wrap = <div align="center"> | </div>

page.10 = HMENU
page.10.1 = GMENU_LAYERS
page.10.1 {

#layerStyle = position:absolute;top:120px;height:16;VISIBILITY:hidden; background: #000000;
hideMenuWhenNotOver = 3
hideMenuTimer = 1000
### Abstand der Untermenüleiste von links
xPosOffset = -20
lockPosition = x
expAll=1
leftOffset = 15
### Vertikale Verschiebung der gesamten Untermenüleiste
topOffset = 35
### ein senkrechter Strich zwischen allen Menüpunkten
### nicht vor dem Ersten und nach dem Letzten
NO.allWrap = |*| |&nbsp;<font color="red" size="2">|</font>&nbsp;|*| |*|
wrap = | <hr size=1; width=835px; color=#a8a7a7>
relativeToParentLayer = 0

}


##########################
# Ebene 1 des Menüs
##########################

page.10.1.NO {
### Hintergrundfarbe der Grafiken 1. Ebene
backColor = #000000
XY = [10.w]+10, 14
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/segoescb.ttf
10.antiAlias = 0
10.fontSize = 12
10.fontColor = white
transparentBackground = 0
10.niceText = 1
### Abstand der Schrift von links u. oben
10.offset = 5,12
}

page.10.2 = GMENU
page.10.2.wrap = <nobr>|</nobr>

##################################
#pipes zwischen untermenüpunkten
##################################

#page.10.2.NO.allWrap = |*| |&nbsp;<font color="red" size="1">|</font>&nbsp;|*| |*|
#page.10.2 {
}

#####################
# Ebene 2 des Menüs #
#####################

page.10.2.NO {
### Farbe der Bilder hinter der Schrift
backColor = #565757
### Formatierung der Bilder hinter der Schrift
### xy = [breite. ]+Breite links hinter der Schrift, Höhe
XY = [10.w]+10, 16
10 = TEXT
### Farbe der Schrift Untermenü
10.fontColor = white
10.fontSize = 12
10.fontFile = fileadmin/fonts/arial.ttf
10.text.field = title
### Verschiebung der Schrift des Untermenüs (von links;oben)
10.offset = 5,12
}







################################
# Footer Navigation
################################


page.40 = HMENU
page.40.1 = TMENU
page.40.1.NO = 1
page.40.special = directory
page.40.special.value = 43

page.40.1.NO.linkWrap = |*| |&nbsp&nbsp;<font color="red" size="2">|</font>&nbsp;&nbsp;|*| |*|
page.40.1.NO.ATagParams = style ="color:white; text-decoration:none; font-family:arial; font-size : 12px"
page.40.wrap = <hr size=1; width=835px; color=#a8a7a7> | <hr size=1; width=835px; color=#a8a7a7>