darstellungs probs mit bild

Asd2003 · #1 26.09.06, 21:25

hallo leute ich ahbe das prob das ich auf meinem beim testen von ne mtypo code nciht zu dem ergebniss komme so wie es will das prob ist folgedes ich krieg das logo nicht in dei mitte zentriert

also das ist der css code

Zitat:

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

}

und das ist der ts code

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:

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"><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 der link zur seite
::jp-electronics.de: Home ::

bei fragen köntn ihr mich in icq anschreiben 190-059-675

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Darstellungs Fehler im IE	mauricio	HTML & CSS	6	09.06.08 12:49
Probs bei Installation	Babadan	TYPO3 4.x Fragen und Probleme	2	08.06.08 12:57
CSS typnum 22 Probs	oehly	TYPO3 4.x Fragen und Probleme	2	21.06.07 21:47
Probs mit Ordnerstruktur	Piet	TYPO3 4.x Installation und Updates	1	09.10.06 11:37
Seiteninhaltsassistent Probs - Templavoila	darkdesire	TYPO3 4.x Backend	0	17.04.06 13:19

Suche

Userpanel