Typo3-Seiten HTML-Validieren ??? - Seite 3

Sonicview · #21 28.07.08, 10:01

Da bin ich wieder.

Also ich habe meine HTML-Vorlagen jetzt nach W3C validiert,
desweiteren habe ich zur Typo3-Codebereinigung folgendes in mein TS eingebaut:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:

doctype = xhtml_trans
xmlprologue = none
xhtml_cleaning = all
removeDefaultJS = external
inlineStyle2TempFile = 1
disablePrefixComment = 1
htmlTag_setParams = xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"

Wobei ich mich frage, ob ich

Typoscript-Code:

1:	htmlTag_setParams = xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"

überhaupt setzen muss, wenn ich es in den HTML-Vorlagen schon eingebaut habe.

Zusätzlich hatte ich es auch noch mit der EXT:qcom_htmlcleaner versucht. Allerdings funzt dann u.a. meine Lightbox-EXT nicht mehr (k2_light...), von daher hab ich die wieder runter geschmissen.....

Nichtsdestotrotz werden in der fertigen Seite im W3C-Valiator einige Fehler (20stk auf der Startseite) angezeigt, die definitiv durch Typo3 eingebaut werden, wie z.B dieser hier:

Zitat:

Error Line 111, Column 315: document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.

…a id="c1049"></a>Dies ist keine offizielle Webse.....

Diese Fehler bekomm ich mit oder ohne css-styled-content, wobei ich den lieber weglassen möchte, da mir sonst meine Tabellen zu weit auseinandergezogen werden, und mit die Bildunterschriften fehlen...:sad:

FraGiLe · #22 28.07.08, 10:14

ich seh da ein doppeltes , oder ist das absicht bzw. machst du die beidne Tags auch wieder zu ?

ThBodi · #23 28.07.08, 10:18

Die Option "htmlTag_setParams" kannst Du weglassen, wenn Du außer dem oben geschriebenen noch

Typoscript-Code:

1:
2:

language = de
locale_all = de_DE

in Dein Template mit aufnimmst, generiert TYPO3 den korrekten HTML-Tag.

Den Fehler, den Du vom Validator zitierst, kommt nicht von TYPO3. Dieses Verhalten (der Fehler ist hier der erste -Tag) hast Du so konfiguriert, standardmäig generiert TYPO3 nämlich -Tags.

Aber wie so oft (nicht von Dir speziell, sondern allgemein:sad: Du wirst der Community Brotkrumen hin und hoffst, dass sie Dir den Weg zeigst. Wenn Du wirklich Hilfe willst, poste mal Dein komplettes Template und den kompletten HTML-Code, dann kann man Dir vielleicht wirklich helfen.

Sonicview · #24 28.07.08, 10:41

Mach ich glatt:

Der HTML-Code der Startseite (W3C validiert)

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Berufsfeuerwehr Braunschweig - Internetauftritt</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <!-- ###DOKUMENT### begin --> <div id="header">
    ###TRAILER###
</div> <div id="main1"> <div id="main2"> <div id="navcontainer"> <span class="menu-top-right"></span> <ul id="navlist"> <li><a href="http://test.fwsbs.de/319.html" title="home">Startseite
	<span>Startseite, aktuelle Neuigkeiten</span> </a></li> <li><a href="http://test.fwsbs.de/226.html" title="news">Was ist neu?
	<span>Aktuelle Neuerungen und Neuigkeiten auf der Seite</span> </a></li> <li><a href="http://test.fwsbs.de/107.html" title="recruit">Einstellung
	<span>Alles rund um die Bewerbung, Einstellung und Ausbildung bei der Berufsfeuerwehr</span> </a></li> <li><a href="http://test.fwsbs.de/93.html" title="about">Über uns
	<span>Aufgaben der BF, die Belegschaft und unsere Ausrüstung</span> </a></li> <li><a href="http://test.fwsbs.de/12.html" title="stations">Standorte
	<span>Unsere Wachen und Standorte im Stadtgebiet</span> </a></li> <li><a href="http://test.fwsbs.de/116.html" title="vehicles">Fahrzeuge
	<span>Der Fahrzeugpark der Berufsfeuerwehr</span> </a></li> <li><a href="http://test.fwsbs.de/266.html" title="press">Pressespiegel
	<span>Einsatz- und Presseberichte</span> </a></li> <li><a href="http://test.fwsbs.de/242.html" title="bse">Brandschutzerziehung
	<span>Information zur Brandschutzerziehung für den Schulunterricht und für Senioren</span> </a></li> <li><a href="http://test.fwsbs.de/508.html" title="modell">Modellbau
	<span>Informationen rund um das Thema Modellbau</span> </a></li> <li><a href="http://test.fwsbs.de/322.html" title="gbook">Gästebuch
	<span>Die Feedback, Lob und Kritik und Gruss-Sektion</span> </a></li> <li><a href="http://test.fwsbs.de/40.html" title="downs">Downloads
	<span>Downloads rund um die Berufsfeuerwehr</span> </a></li> <li><a href="http://test.fwsbs.de/8.html" title="links">Links
	<span>Abwechslungsreiche Weblinks rund um die Feuerwehr und andere Hilfsorganisationen</span> </a></li> <li><a href="http://test.fwsbs.de/48.html" title="intern">BF intern
	
	<span>Interner Benutzerbereich für die Mitarbeiter der Berufsfeuerwehr Braunschweig</span></a></li></ul> <span class="menu-bottom-left"></span> <span class="menu-bottom-right"></span> </div> <div id="right"> <p align="center"><u><b>Inhaltssuche</b></u></p> <div id="search">###SUCHE###</div><br />
        ###RECHTS###
        <div id="forum">###FORUM###</div><br /> </div> <div id="middle"> <span class="box-top-right"></span>
                ###CONTENT###<br /><br />###LAST_UPDATED###
	    <span class="box-bottom-left"></span> <span class="box-bottom-right"></span> </div> <div class="cleaner">&nbsp;</div> </div> </div> <div id="footer">
    ###FOOTER###&nbsp;###DRUCKVERSION###
</div> <!-- ###DOKUMENT### end --> </body> </html>

Hier mein TypoScript (da liegen wahrscheinlich die Fehler)

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:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:
491:
492:
493:
494:
495:
496:
497:
498:
499:
500:
501:
502:
503:
504:
505:
506:

# Allgemeine TyposcriptKonfiguration

config {
linkVars = L,F
sys_language_uid = 0
language = de
spamProtectEmailAddresses = -4
locale_all = de_DE
index_enable = 1
index_externals = 1
simulateStaticDocuments = 1
doctype = xhtml_trans
xmlprologue = none
xhtml_cleaning = all
removeDefaultJS = external
inlineStyle2TempFile = 1
disablePrefixComment = 1
htmlTag_setParams = xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"
}

# RTE Tuning

lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines{
addAttributes.P.class >
remapTag >
addAttributes.DIV.class >
encapsTagList = h1, h2, h3, h4, h5, h6, p, div, address, cite, pre
}

# Entfernen des Ankers vor dem Content

tt_content.stdWrap.dataWrap =
tt_content.noNameTagForFirstRecord = 1

# Abstände (clear.gif) entfernen

content.headerspace = 0 | 0
content.space = 0 | 0

page = PAGE
page {
typeNum = 0
# Allgemeine Seiteneigenschaften setzen

meta.AUTHOR = Markus Will
meta.DESCRIPTION = Informationen und Wissenswertes über die BF Braunschweig
meta.KEYWORDS = Feuerwehr, Berufsfeuerwehr, Feuer, Brand, Brandweer, Firedepartement, Bomberos, löschen, Wasser, Drehleiter, Löschgruppenfahrzeug, HLF, LF, DLK, TLF, RW, Braunschweig

}
[browser = netscape]

page.stylesheet = fileadmin/_template2008/style.css

[ELSE]

page.stylesheet = fileadmin/_template2008/style_ie.css

[END]

page {

# Designvorlage integrieren

10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/_template2008/layout.html
10.workOnSubpart = DOKUMENT

10.marks {

# Platzhalter DATUM ansprechen
#
DATUM = COA_INT
DATUM {

 # Begrüßungstext realisieren

 #10 = TEXT
 #10 {
 # value = Guten Morgen
 # wrap = |, heute ist der 
 # }

 # aktuelles Datum ausgeben

20 = TEXT
20 {
data = date:d.m.Y
}
}

# Trailer dynamisch ansprechen

TRAILER = IMAGE
TRAILER.file = fileadmin/_template2008/images/header_bf.png
# Bookmark

FAVORIT < plugin.tx_ahbookmark_pi1

# Klickpfad erstellen
# COA wird zwischengeschaltet um zusätzlich einen Text ausgeben zu können

KLICKPFAD = COA
KLICKPFAD {

 # Der vorgeschaltete Text

10 = TEXT
10.value = Sie befinden sich auf folgender Seite : 

 # Klickpfad in Ebene 20 darstellen

20 = HMENU
20 {
special = rootline
special.range = 2|-1
1 = TMENU
1.NO = 1
1.NO.linkWrap = | / 
}
2 < .1

}

# Link zur Druckversion

DRUCKVERSION < plugin.tx_cronprintlink_pi1
DRUCKVERSION.linkContent = TEXT
DRUCKVERSION.linkContent.value = Druckversion
DRUCKVERSION.linkContent = TEXT
DRUCKVERSION.type = 1

# Inhalt ausgeben

CONTENT = COA
CONTENT {
5 < styles.contet.editPanelPage
10 < styles.content.get
}

# Inhalte auf der linken Spalte ausgeben

RECHTS = COA_INT
RECHTS.10 = CONTENT
RECHTS.10 {
table = tt_content
select.where = colPos = 1
select.orderBy = sorting
}
RECHTS.20 = CONTENT
RECHTS.20 {
table = tt_content
select.orderBy = sorting

 # Inhalte werden von der Seite ´Statisch_rechts´ ID 522 genommen

select.pidInList = 522
}

# Forum rechts

FORUM = IMAGE
FORUM{
file = fileadmin/_template2008/forum.gif
imageLinkWrap = 1
imageLinkWrap.enable = 1
imageLinkWrap.typolink.parameter = 10
imageLinkWrap.title = Feuerwehr- & Rettungsdienstforum Braunschweig
}

# Footer erstellen

FOOTER = HMENU
FOOTER {
special = directory
special.value = 286
1 = TMENU
1.NO = 1
1.NO.linkWrap =  |  |*|  |  |*|  
}

# Seite aktualisiert

LAST_UPDATED = TEXT
LAST_UPDATED {
data = page:lastUpdated
if.isTrue.data = page:lastUpdated
date = d.m.Y
wrap = <div class="lastupdate">Seite aktualisiert am: |</div>
data = register : SYS_LASTCHANGED
if >
}

# Suchformular im Platzhalter anzeigen

SUCHE < tt_content.search.30
SUCHE {
target = _self
redirect = 501
badMess = Bitte geben sie ein Suchwort ein !
layout = ###FIELD###
stdWrap.wrap >
dataArray.10 {
label =
type = *sword = input, 20, 30
}
dataArray.20 {
valueArray >
type = scols = hidden
value = pages.title-subtitle-keywords-descripton:tt_content.header-bodytext-imagecaption
}
image = IMAGE
image.file = GIFBUILDER
image.file = fileadmin/images/lupe.gif
image.file.XY = 150,1
 #{
 #XY = 146, 10
 #backColor = #000000
 #10 = TEXT
 #10.text = SUCHEN
 #10.fontFile = fileadmin/fonts/verdana.ttf
 #10.fontColor = #800000
 #10.fontSize = 7
 #10.niceText = 1
 #10.offset = 20, 8
 #}
}

# Klammer marks
}

20 < temp.editPanelConfig

# Klammer page
}

# Druckansicht

druckversion = PAGE
druckversion {
typeNum = 1
10 = CONTENT
10.table = tt_content
10.select.orderBy = sorting
10.select.colPos = 0
}

# Die Überschriften neu formatieren

#lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
key.field = header_layout
default = TEXT
default.field = header
default.wrap = <h1>|</h1>

1 = IMAGE
1.file = GIFBUILDER
1.file {
XY = [10.w]+10, 35
backColor = #000000
transparentBackground = 1
10 = TEXT
10.text.field = header
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #FFFFFF
10.fontSize = 16
10.niceText = 1
10.offset = 2, 18
}

2 = IMAGE
2.file = GIFBUILDER
2.file {
XY = [10.w]+10, 35
backColor = #3F37F4
transparentBackground = 1
10 = TEXT
10.text.field = header
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #FFFFFF
10.fontSize = 12
10.niceText = 1
10.offset = 2, 18
}

3 = IMAGE
3.file = GIFBUILDER
3.file {
XY = [10.w]+10, 35
backColor = #000000
transparentBackground = 1
10 = TEXT
10.text.field = header
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #FFFFFF
10.fontSize = 14
10.niceText = 1
10.offset = 2, 18
}

4 = IMAGE
4.file = GIFBUILDER
4.file {
XY = [10.w]+10, 35
backColor = #000000
transparentBackground = 1
10 = TEXT
10.text.field = header
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #ffffff
10.fontSize = 20
10.niceText = 1

10.offset = 2, 18
}

wrap = | 
}

# Inhaltstyp "Normaler Text" anpassen

tt_content.text.20 {
textStyle >
wrap = |
}

# Die Sitemap von einem Ausgangspunkt erstellen lassen

tt_content.menu.20.2 {
special = directory
special.value.field = pages
}

# Das Suchformular anpassen

tt_content.search.30 {
target = _self
badMess = Bitte füllen sie alle erforderlichen Felder aus
dataArray{
10.label = Suche nach:
10.type = *sword=input, 20,30
20.valueArray >
20.type = scols = hidden
20.value = page.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
}

image = IMAGE
image.file = GIFBUILDER
image.file = fileadmin/images/lupe_trans.gif
 # {
 #XY = 50, 20
 #backColor = silver
 #10 = TEXT
 #10.text = SUCHEN
 #10.fontFile = fileadmin/fonts/verdana.ttf
 #10.fontSize = 11
 #10.fontColor = white
 #10.niceText = 1
 #10.offset = 2, 15
 #}
}

# Das Suchergebnis anpassen

tt_content_search.20 {
layout.10 {
value = Ergebnis auf dieser Seite : ###RANGELOW### bis ###RANGEHIGH### von ###TOTAL###
fontTag >
wrap = <td width=95% bgColor="#000000">|</td>
}
layout.20 {
value = ###PREV###   ###NEXT###
fontTag >
wrap = <td bgColor="#000000">|</td>
}
renderObj.10 {
textStyle >
fontTag >
wrap = |
typolink.target = _self
}
renderObj.20 {
stdWrap.textStyle >
stdWrap.wrap = <tr><td> |</td></tr>
stdWrap.crop = 200 | [...]
}
noResultObj >
noResultObj = TEXT
noResultObj {
value = Kein Ergebnis gefunden !
wrap = |
}
next.value = Weiter
prev.value = Zurück
range = 10
}

# Login-Formular für Webseiten-Benutzer

tt_content.login.20 {
hiddenFields.pid.value = 20
dataArray.10.label = Login
 #dataArray.10.type = *user = input, 15,40
dataArray.20.label = Pass
 #dataArray.20.type = *pass = password, 15,15
}

plugin.tx_newloginbox_pi3._CSS_DEFAULT_STYLE =
plugin.tx_bfteaser_pi1._CSS_DEFAULT_STYLE =
plugin.tx_a1teasermenu_pi1._CSS_DEFAULT_STYLE =
plugin.tx_fdfx2cols_pi1._CSS_DEFAULT_STYLE =
plugin.tx_fdfx3cols_pi1._CSS_DEFAULT_STYLE =
plugin.tx_veguestbook_pi1._CSS_DEFAULT_STYLE =
plugin.tx_indexedsearch._CSS_DEFAULT_STYLE =
plugin.tx_jppageteaser_pi1._CSS_DEFAULT_STYLE =
plugin.tx_spdirectory_pi1._CSS_DEFAULT_STYLE =
plugin.tx_dropdownsitemap_pi1._CSS_DEFAULT_STYLE =
plugin.tt_news.pi1_CSS_DEFAULT_STYLE =

### BEDINGUNGNEN ###

# Zeitabhängiger Begrüßungstext

 [hour = < 11]
page.10.marks.DATUM.10.value = Guten Morgen
 [hour = > 11, < 19]
page.10.marks.DATUM.10.value = Guten Tag
 [hour = > 19]
page.10.marks.DATUM.10.value = Guten Abend
 [global]

# Eingeloggter Benutzer

 [loginUser = *]
tt_content.login.20 {
dataArray.10.label = Sie sind als Benutzer  eingeloggt
image = IMAGE
image.file = GIFBUILDER
image.file {
XY = 100, 20
backColor = red
10 = TEXT
10.text = Ausloggen
10.fontSize = 15
10.fontColor = white
10.fontFile = fileadmin/fonts/verdana.ttf
10.niceText = 1
10.offset = 1, 16
}
}

 [global]

Solls noch was sein??? ;-)

Suche

Userpanel