hallo leute wie kann ich per typo script einem bild sagen das es in der mitte zentirert wird und in eine bestimtme größe sein soll ?
mfg asd2003
logo zentreiren
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Image/Index.html
Kanst du Parameter mitgeben und auch nen Wrap drum legen.
Norman
ok so weit habe ihc das so gemacht
# Das Logo einlesen
LOGO = IMAGE
LOGO.file = fileadmin/images/logo.jpg
LOGO.file.width = 178
wie kann ich es jetzt einsetllen das das logo in der mitte centriert wird =?
per css am besten
lg georg
in css habe ich das hier aber das will rigendwie net
img.block {
position:center;
margin-top:-50%;
margin-left:-50%;
}
mein ts code ist
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 = | | |*| | | |*| |
}
# Das grafische Menü erstellen
MENU_LINKS = HMENU
MENU_LINKS {
wrap = <img src="fileadmin/images/linie_weiss.gif" width="178" height="1" alt="" /><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:
# Den Klickpfad an Position 20 darstellen
20 = HMENU
20 {
special = rootline
special.range = 2|-1
1 = TMENU
1.NO = 1
1.NO.linkWrap = | /
1.NO.stdWrap.parseFunc.short._ =
}
}
# 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 die seite wo das ding drauf ist aber der code macht irgendwie faxen kann mir da eienr von euch helfen http://jp-electronics.de/typo/
mfg asd2003
wie wärs mit:
#header {
text-align:center;
}
lg georg
😢 😢 geht immer noch nicht #evil# #angry#
habs nur mal schnell im Firefox onthefly gemacht, das sollte funktionieren! einfach am ende ins css-file schreiben! sonst einfach mit padding arbeiten
lg georg
Entweder dem DIV außenherum:
text-align: center;
Hier aber beachten, dass das DIV außenherum viel größer als das Bild sein muss, wenn man den Inhalt in diesem Zentrieren will!
Oder du gibst dem Bild eine Klasse:
.bild { margin: 0 auto; }