---
title: "Wie erstlle ich am besten ein eigenes Template ??"
url: "https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template"
source: "typo3.net"
tags: ["Allgemein","Frage","Templates & Layouts"]
created: "2004-07-12"
last_reply: "2005-05-02"
replies: 27
solved: false
page: 1
pages: 1
lang: "de"
---

# Wie erstlle ich am besten ein eigenes Template ??

Allgemein · 27 Antworten · gestartet 2004-07-12

## Eröffnungsbeitrag

**michaelapp** · 2004-07-12 · [Beitrag #1](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/1)

Hallo,

ich habe mir mal das Buch "Content Managment mit Typo3" von Andreas Stöckl gekauft. Leider bringt mich das Buch nicht weiter :-(

Wie kann ich am besten und schnellsten ein Template selber entwerfen ? Falls es ein gutes Tool gibt, hats auch ne Deutsche Anleitung ?

Gruß
Michael

## Antworten

### [#2](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/2) · doku · 2004-07-12

<http://www.typo3server.com/dokumentation.html>

### [#3](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/3) · Moellers · 2004-07-13

Hi,

ich habe mir mal die Mühe gemacht (für einen Kunden von mir) das Template aus dem Buch funktionsfähig zu machen.

www.typo3design.de/typo3buchtemplate.zip

Kopiere einfach alle Inhalte aus dem Ordner "fileadmin" in den Ordner "Fileadmin" auf deinem Webspace.

Danach einfach auf Template klicken im Typo3 Backend ein neues Template anlegen.

Die Daten aus den TXT Dateien setup.txt und constant.txt in die Felder im Backend kopieren.

Zusätzlich musst Du dann nur noch bei "Include static" "Content (default)" auswählen.

Gruss
Andreas

### [#4](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/4) · !!obiwan99!! · 2004-07-16

Hallo Moellers,

vielen Dank für Dein Beispiel. Habe es gleich mal so ausprobiert und funktioniert super.

Eine Frage habe ich aber. Sobald ich einen Untermenüpunkt erstelle stellt er mir vor diesen Punkt folgendes Zeichen:

->

dann erst kommt das Bild was ich hinterlegt habe? Wie kriege ich das Weg?

Danke für Deine Hilfe.

mfg

obiwan

### [#5](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/5) · Moellers · 2004-07-16

Hallo Obiwan,

schau mal im Template "Setup"

```typoscript
          # Aussehen Menüpunkt 2.Ebene
          marks.NAVI.2 = TMENU
          marks.NAVI.2.NO {
                    allWrap = <tr><td>->|</td></tr>
                    beforeImg = fileadmin/img/pfeilchen.gif
                    beforeROImg = fileadmin/img/pfeilchen.gif
                    RO = 1
          }
          # Aussehen Menüpunkt 2.Ebene "active"
          marks.NAVI.2.ACT = 1
          marks.NAVI.2.ACT {
                    allWrap = <tr><td>->|</td></tr>
                    beforeImg = fileadmin/img/pfeilchen.gif
                    beforeROImg = fileadmin/img/pfeilchen.gif
          }
```

steht da bisher drin. Nimm einfach mal bei allWrap -> raus.

Gruss
Andreas

### [#6](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/6) · !!obiwan99!! · 2004-07-16

Vielen Dank. Das war das Problem.

Gruß

obiwan

### [#7](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/7) · Klaus34 · 2004-07-16

Im setup des Menüs müssten aber wohl bei den td's die Klassen noch definiert werden, sonst wird das mit dem css nicht funktionieren, oder?

### [#8](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/8) · Moellers · 2004-07-16

@Klaus34
Recht haste :-)
Sollte auch nur als Beispiel dienen. Wollte hier keine fertige Vorlage liefern :-)

Gruss
Andreas

### [#9](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/9) · Klaus34 · 2004-07-16

Klaro. Trotzdem noch ein kleiner Tipp:
Wenn man eine dritte Menüebene braucht, und die in der hellblauen Spalte erscheinen soll, sollte man im Setup die special-Eigenschaft rausnehmen und stattdessen

```typoscript
marks.LEFTFRAME.entryLevel = 2
```

reinschreiben.

### [#10](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/10) · Andreas B.​ · 2004-07-20

Ich habe es genauso gemacht, wie beschrieben, bei mir aber sieht es "irgendwie nicht gut" aus.

<http://www.qm-konzepte.de/>

Bitte sehr um Hilfe, weil ich den (einfachen) Fehler nicht finden kann.

Danke

### [#11](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/11) · Moellers · 2004-07-20

Sieht nach Fehler im HTML File aus.
Ersetzt einfach nochmal daß aus dem ZIP gegen deines. Irgendwas ist da nicht richtig.

Gruss
Andreas

### [#12](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/12) · Junior · 2004-07-20

> **michaelapp schrieb:**
>
> Hallo,
>
> ich habe mir mal das Buch "Content Managment mit Typo3" von Andreas Stöckl gekauft. Leider bringt mich das Buch nicht weiter :-(
>
> Wie kann ich am besten und schnellsten ein Template selber entwerfen ? Falls es ein gutes Tool gibt, hats auch ne Deutsche Anleitung ?
>
> Gruß
> Michael

Ich kann dir nur empfehlen das Modern Template Building Part 1 durchzuarbeiten, nachher bist du um eineige Erfahrungen reicher und weist was du tust. Es ist sicher einfacher ein bestehendes File als .zip downzuladen und ins Fileadmin zu schmeissen. Das Problem dabei ist, dass du nichts weist und nicht kapiert hast welche Funktion für was steht.

Lieben Gruss

Junior

### [#13](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/13) · Andreas B.​ · 2004-07-20

Benutzt Ihr die Extension "Source Optimization"? Es kann doch nicht sein, das mit dem selben Template die Site anders aussieht. (www.qm-konzepte.de).

Muß ich für die Frames etwas anders einstellen. Mein Problem ist evtl., daß ich mich mit HTML nicht so gut auskenne.

### [#14](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/14) · Moellers · 2004-07-20

Hi,

für das Beispiel wurde keine weitere Extension installiert. Überprüfe einfach nochmal alles.

Ansonsten kann ich nur "Junior" zustimmen. Es nützt rein garnichts einfach nur ein Template zu kopieren. Man muss wenigstens verstehen was man da macht. Ausser man lässt es sich einrichten und pflegt dann nur die Inhalte rein. Dann muss man auch nicht verstehen was da abgeht.

Gruss
Andreas

### [#15](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/15) · Andreas B.​ · 2004-07-20

Ich denke nicht, daß ich so schlecht bin. www.in-memoriam-gabi.de habe ich mir ja auch überwiegend selbstständig gemacht.

### [#16](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/16) · Moellers · 2004-07-20

Hi,

sagt doch auch niemand das Du "schlecht" bist.

Nur leider gibts bei deiner Installation irgendwo einen HTML Fehler. Den kann man aber leider nicht sehen. Entweder kopierste nochmal alles aus meinem ZIP oder Du legst mal deine Sourcedateien offen.

Gruss
Andreas

### [#17](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/17) · Andreas B.​ · 2004-07-23

Es ist fast 2 Uhr und ich drehe mir einen Wolf.....

Es kommt immer noch sehr selbe Mist heraus, egal was ich mache.

Typo3 zerschiesst mir die Tabellen.....

Vor dem Durchlaufen durch Typo3 habe ich ein bildhübsches Template und dannach, also online, kommt nur www.qm-konzepte.de heraus.

Heul!!!!!!

Außerdem kommt immer nur HTML heraus, ich will XHTML. Ich habe das natürlich in der Source Optimization und im Template entsprechend berücksichtigt.

Hier mein HTML-Template vor dem DUrchlauf durch Typo3:

```xml
<?xml version="1.0" encoding="UTF-8"?>
<!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"> 
<head>
<!-- ###DOKUMENT### -->
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
		<meta name="generator" content="Adobe GoLive 6" />
		<title>Moellers-Design.de - webdesign softwareentwicklung</title>
		<link href="style.css" rel="stylesheet" media="screen" />
	</head>

	<body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">

		<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
			<tr>
				<td align="right" valign="top" background="fileadmin/img/linksrechts.gif">
					<table border="0" cellspacing="0" cellpadding="0" height="100%">
						<tr>
							<td valign="top" background="fileadmin/img/shadowbgleft.gif"><img src="fileadmin/img/shadowbgleft.gif" alt="" height="18" width="16" border="0"/></td>
						</tr>
					</table>
				</td>
				<td width="5">&nbsp;</td>
				<td valign="top" width="750" height="100%">
					<table width="750" height="100%" border="0" cellpadding="0" cellspacing="0">
						<tr>
							<td height="5"><img src="fileadmin/img/1pxtrans.gif" alt="" height="5" width="5" border="0"/></td>
						</tr>
						<tr>

          <td height="66"><a href="index.php"><img src="fileadmin/img/headergrafik.gif" alt="" height="66" width="750" border="0"/></a></td>
						</tr>
						<tr>
							<td height="5"><img src="fileadmin/img/1pxtrans.gif" alt="" height="5" width="5" border="0"/></td>
						</tr>
						<tr>
							<td valign="top">
								<table width="751" height="100%" border="0" cellpadding="0" cellspacing="0">
									<tr>
										<td width="25" valign="top">
											<table border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td><img src="fileadmin/img/home/img_home_left.jpg" alt="" height="174" width="25" border="0"/></td>
											    </tr>
												<tr>
													<td height="1"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										        </tr>
												<tr>
													<td class="ft10px333333" bgcolor="#005b78" height="15">&nbsp;</td>
										        </tr>
									  </table>									  </td>
										<td width="1"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										<td width="1" height="100%" background="fileadmin/img/verticallinedown.gif"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										<td width="4" height="100%"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										<td align="center" valign="top" width="145" height="100%">
											<table width="142" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td>
														<table border="0" cellspacing="0" cellpadding="0">###NAVI###</table>
													</td>
												</tr>
												<tr>
												  <td height="5"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
											  </tr>
												<tr>
													<td background="fileadmin/img/naviline.gif"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
												</tr>
												<tr>
													<td height="25">
														<table border="0" cellspacing="0" cellpadding="0" height="25">###LANGUAGE###</table>
													</td>
												</tr>
												<tr>
													<td background="fileadmin/img/naviline.gif"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
												</tr>
												<tr>
													<td class="ft10px333333">&nbsp;</td>
												</tr>
												<tr>
													<td>
														<form action="fileadmin/../index.php?id=498&tx_indexedsearch[sword]" method="post" name="FormName">
														<table border="0" cellspacing="0" cellpadding="0">
															<tr>
																<td class="ft10px333333" width="4" height="20">&nbsp;</td>
																<td class="ft10px333333" width="110" height="20" nowrap>SEARCH&nbsp;<input class="formular" type="text" name="tx_indexedsearch[sword]" size="8"/>&nbsp;</td>
																<td class="ft10px333333" height="20"><input type="image" src="fileadmin/img/suchenlupe.gif"/></td>
															</tr>
														</table>
                                                  </form>
													</td>
												</tr>
										  </table>
										</td>
										<td width="1" height="100%" background="fileadmin/img/verticallinedown.gif"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										<td width="1" height="100%"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										<td width="572" height="100%" valign="top"><table border="0" cellspacing="0" cellpadding="0" height="100%">
                                          <tr>
                                            <td>
                        <table width="571" height="175" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="194" valign="top">
                              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="194" height="174">
                                <param name="movie" value="fileadmin/swf/cyberhouse_home1.swf"/>

                                <param name="quality" value="high"/><param name="SCALE" value="noborder"/>
                              <embed src="fileadmin/swf/cyberhouse_home1.swf" width="194" height="174" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="noborder"></embed></object>
                            </td>
                            <td width="377" valign="top"><img src="fileadmin/img/home/home_right.jpg" width="377" height="174"/></td>
                          </tr>
                          <tr>
                            <td colspan="2"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
                          </tr>
                          <tr>
                            <td colspan="2">
                                 <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td class="ft10px333333" bgcolor="#005b78" width="144">&nbsp;</td>
                                  <td class="ft10px333333" width="50"><img src="fileadmin/img/dotedpoints.gif" alt="" height="15" width="50" border="0"/></td>
                                  <td class="ft10px333333" bgcolor="#005b78">&nbsp;</td>
                                </tr>
								</table>
                            </td>
                          </tr>
                        </table>
                      </td>
                                          </tr>
                                          <tr>
                                            <td height="1"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
                                          </tr>
                                          <tr>
                                            <td valign="top" height="100%"><table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
                                                <tr>
                                                  <td class="ft10px333333" valign="top" bgcolor="#ddf0fa" width="144" height="100%">###LEFTFRAME###</td>
                                                  <td width="50" height="100%">&nbsp;</td>
                                                  <td valign="top" width="377" height="100%">
                                                    <table width="370" border="0" cellspacing="0" cellpadding="0">
                                                      <tr>
                                                        <td class="ft10px333333" align="right" valign="bottom" height="20">###PFAD###</td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333">&nbsp;</td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333">
                                                          <table width="360" border="0" cellspacing="0" cellpadding="0">
                                                            <tr>
                                                              <td class="ft10px333333">###CONTENT###</td>
                                                            </tr>
                                                        </table></td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333">&nbsp;</td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333"><b>NEWS</b></td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333"><img src="fileadmin/img/dottedlinenews.gif" alt="" height="7" width="361" border="0"/></td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333">
                                                          <table width="355" border="0" cellspacing="0" cellpadding="0">
                                                            <tr>
                                                              <td class="ft10px333333">###NEWS###</td>
                                                            </tr>
                                                        </table></td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333">&nbsp;</td>
                                                      </tr>
                                                  </table></td>
                                                </tr>
                                            </table></td>
                                          </tr>
                                      </table></td>
									</tr>
							  </table>
							</td>
						</tr>
						<tr>
							<td height="1" background="fileadmin/img/bottomline.gif"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
						</tr>
						<tr>




          <td width="468" height="18" align="center" class="ft10px666666"><div align="left">by<a href="http://www.bellowski.de" target="_blank">Bellowski Entertainment</a> 2004</div></td>
          <td width="283" align="center" class="ft10px666666"><div align="right"><a href="http://bellowski.de/index.php?id=334">Home</a>
              | <a href="http://bellowski.de/index.php?id=123">Impressum</a>
              | <a href="http://bellowski.de/index.php?id=346">Kontakt</a></div></td>







						</tr>
				  </table>
				</td>
				<td width="5">&nbsp;</td>
				<td valign="top" background="fileadmin/img/linksrechts.gif">
					<table border="0" cellspacing="0" cellpadding="0" height="100%">
						<tr>
							<td valign="top" background="fileadmin/img/shadowbgright.gif"><img src="fileadmin/img/shadowbgright.gif" alt="" height="18" width="16" border="0"/></td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		<!-- ###DOKUMENT### -->
	</body>

</html>
```

Und dann auf der Website:

```php
<!DOCTYPE html
	PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<!-- 
	This website is brought to you by TYPO3 - get.content.right
	TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2004 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://www.typo3.com
-->

	<style type="text/css">
		/*<![CDATA[*/
	<!--
	/* default styles for extension "tx_mininews_pi1" */
	.tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-title { font-weight:bold; }
	.tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser { margin-bottom:15px; }
	.tx-mininews-pi1 .tx-mininews-pi1-fp_listrow P.tx-mininews-pi1-fp_listrowField-title { font-weight:bold; }
	.tx-mininews-pi1 .tx-mininews-pi1-fp_listrow P.tx-mininews-pi1-fp_listrowField-teaser { margin-top:0px; margin-bottom:10px; }
	.tx-mininews-pi1 .tx-mininews-pi1-singleView P.tx-mininews-pi1-singleViewField-teaser { font-style:italic; margin-top:5px; margin-bottom:10px; }
	.tx-mininews-pi1 .tx-mininews-pi1-browsebox P SPAN.tx-mininews-pi1-browsebox-strong { font-weight:bold; }
	.tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser A { color:black; text-decoration:none; }
	.tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser A:hover { color:black; text-decoration:none; }
/* default styles for extension "tx_indexedsearch" */
	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
	.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
	.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeff; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:absmiddle; }
/* default styles for extension "tx_fdfxtextanimator_pi1" */
        p.fdfx_main {font-family: Courier;font-size: 10pt;font-weight: normal;text-align:left;}
        .fdfx_textanimlink{text-decoration : none;}
        .fdfx_textanim{width:140;}
	-->
		/*]]>*/
	</style>
	<link rel="stylesheet" type="text/css" href="fileadmin/style.css" />
	<title>Templatebook: Templatebook</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="generator" content="TYPO3 3.6 CMS" />
	<script type="text/javascript">
		/*<![CDATA[*/
	<!--
		browserName = navigator.appName;
		browserVer = parseInt(navigator.appVersion);
		var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
		if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror") {version = "n3";} else {version = "n2";}
			// Blurring links:
		function blurLink(theObject)	{	//
			if (msie4)	{theObject.blur();}
		}
		
	// -->
		/*]]>*/
	</script>


</head>
<body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">

		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
		<meta name="generator" content="Adobe GoLive 6" />
		<title>Moellers-Design.de - webdesign softwareentwicklung</title>
		<link href="style.css" rel="stylesheet" media="screen" />
	</head>

	<body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">

		<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
			<tr>
				<td align="right" valign="top" background="fileadmin/img/linksrechts.gif">
					<table border="0" cellspacing="0" cellpadding="0" height="100%">
						<tr>
							<td valign="top" background="fileadmin/img/shadowbgleft.gif"><img src="fileadmin/img/shadowbgleft.gif" alt="" height="18" width="16" border="0"/></td>
						</tr>
					</table>
				</td>
				<td width="5">&nbsp;</td>
				<td valign="top" width="750" height="100%">
					<table width="750" height="100%" border="0" cellpadding="0" cellspacing="0">
						<tr>
							<td height="5"><img src="fileadmin/img/1pxtrans.gif" alt="" height="5" width="5" border="0"/></td>
						</tr>
						<tr>

          <td height="66"><a href="index.php"><img src="fileadmin/img/headergrafik.gif" alt="" height="66" width="750" border="0"/></a></td>
						</tr>
						<tr>
							<td height="5"><img src="fileadmin/img/1pxtrans.gif" alt="" height="5" width="5" border="0"/></td>
						</tr>
						<tr>
							<td valign="top">
								<table width="751" height="100%" border="0" cellpadding="0" cellspacing="0">
									<tr>
										<td width="25" valign="top">
											<table border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td><img src="fileadmin/img/home/img_home_left.jpg" alt="" height="174" width="25" border="0"/></td>
											    </tr>
												<tr>
													<td height="1"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										        </tr>
												<tr>
													<td class="ft10px333333" bgcolor="#005b78" height="15">&nbsp;</td>
										        </tr>
									  </table>									  </td>
										<td width="1"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										<td width="1" height="100%" background="fileadmin/img/verticallinedown.gif"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										<td width="4" height="100%"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										<td align="center" valign="top" width="145" height="100%">
											<table width="142" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td>
														<table border="0" cellspacing="0" cellpadding="0"><tr><td><a href="182.0.html" onfocus="blurLink(this);">dfgdf</a></td></tr><tr><td><a href="181.0.html" onfocus="blurLink(this);">luiliu</a></td></tr><tr><td><a href="180.0.html" onfocus="blurLink(this);">uliuil</a></td></tr><tr><td><a href="179.0.html" onfocus="blurLink(this);">uilui</a></td></tr><tr><td><a href="171.0.html" onfocus="blurLink(this);">sdfsdfsd</a></td></tr></table>
													</td>
												</tr>
												<tr>
												  <td height="5"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
											  </tr>
												<tr>
													<td background="fileadmin/img/naviline.gif"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
												</tr>
												<tr>
													<td height="25">
														<table border="0" cellspacing="0" cellpadding="0" height="25"><table border=0 cellpadding=0 cellspacing=0><tr><td><img src=clear.gif width=30 height=1></td><td><img src="t3lib/gfx/content_client.gif" width="7" height="10" align=middle><a href="index.php?id=170&L=0" target=_top><img src="media/uploads/flag_de.gif" width="21" height="13" hspace=5 border="0"></a><a href="index.php?id=170&L=3" target=_top><img src="media/uploads/flag_uk_d.gif" width="21" height="13" hspace=5 border="0"></a></td></tr></table></table>
													</td>
												</tr>
												<tr>
													<td background="fileadmin/img/naviline.gif"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
												</tr>
												<tr>
													<td class="ft10px333333">&nbsp;</td>
												</tr>
												<tr>
													<td>
														<form action="fileadmin/../index.php?id=498&tx_indexedsearch[sword]" method="post" name="FormName">
														<table border="0" cellspacing="0" cellpadding="0">
															<tr>
																<td class="ft10px333333" width="4" height="20">&nbsp;</td>
																<td class="ft10px333333" width="110" height="20" nowrap>SEARCH&nbsp;<input class="formular" type="text" name="tx_indexedsearch[sword]" size="8"/>&nbsp;</td>
																<td class="ft10px333333" height="20"><input type="image" src="fileadmin/img/suchenlupe.gif"/></td>
															</tr>
														</table>
                                                  </form>
													</td>
												</tr>
										  </table>
										</td>
										<td width="1" height="100%" background="fileadmin/img/verticallinedown.gif"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										<td width="1" height="100%"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
										<td width="572" height="100%" valign="top"><table border="0" cellspacing="0" cellpadding="0" height="100%">
                                          <tr>
                                            <td>
                        <table width="571" height="175" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="194" valign="top">
                              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="194" height="174">
                                <param name="movie" value="fileadmin/swf/cyberhouse_home1.swf"/>

                                <param name="quality" value="high"/><param name="SCALE" value="noborder"/>
                              <embed src="fileadmin/swf/cyberhouse_home1.swf" width="194" height="174" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="noborder"></embed></object>
                            </td>
                            <td width="377" valign="top"><img src="fileadmin/img/home/home_right.jpg" width="377" height="174"/></td>
                          </tr>
                          <tr>
                            <td colspan="2"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
                          </tr>
                          <tr>
                            <td colspan="2">
                                 <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td class="ft10px333333" bgcolor="#005b78" width="144">&nbsp;</td>
                                  <td class="ft10px333333" width="50"><img src="fileadmin/img/dotedpoints.gif" alt="" height="15" width="50" border="0"/></td>
                                  <td class="ft10px333333" bgcolor="#005b78">&nbsp;</td>
                                </tr>
								</table>
                            </td>
                          </tr>
                        </table>
                      </td>
                                          </tr>
                                          <tr>
                                            <td height="1"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
                                          </tr>
                                          <tr>
                                            <td valign="top" height="100%"><table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
                                                <tr>
                                                  <td class="ft10px333333" valign="top" bgcolor="#ddf0fa" width="144" height="100%"></td>
                                                  <td width="50" height="100%">&nbsp;</td>
                                                  <td valign="top" width="377" height="100%">
                                                    <table width="370" border="0" cellspacing="0" cellpadding="0">
                                                      <tr>
                                                        <td class="ft10px333333" align="right" valign="bottom" height="20"><a href="170.0.html" onfocus="blurLink(this);">Templatebook</a></td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333">&nbsp;</td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333">
                                                          <table width="360" border="0" cellspacing="0" cellpadding="0">
                                                            <tr>
                                                              <td class="ft10px333333"></td>
                                                            </tr>
                                                        </table></td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333">&nbsp;</td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333"><b>NEWS</b></td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333"><img src="fileadmin/img/dottedlinenews.gif" alt="" height="7" width="361" border="0"/></td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333">
                                                          <table width="355" border="0" cellspacing="0" cellpadding="0">
                                                            <tr>
                                                              <td class="ft10px333333"></td>
                                                            </tr>
                                                        </table></td>
                                                      </tr>
                                                      <tr>
                                                        <td class="ft10px333333">&nbsp;</td>
                                                      </tr>
                                                  </table></td>
                                                </tr>
                                            </table></td>
                                          </tr>
                                      </table></td>
									</tr>
							  </table>
							</td>
						</tr>
						<tr>
							<td height="1" background="fileadmin/img/bottomline.gif"><img src="fileadmin/img/1pxtrans.gif" alt="" height="1" width="1" border="0"/></td>
						</tr>
						<tr>




          <td width="468" height="18" align="center" class="ft10px666666"><div align="left">by<a href="http://www.bellowski.de" target="_blank">Bellowski Entertainment</a> 2004</div></td>
          <td width="283" align="center" class="ft10px666666"><div align="right"><a href="http://bellowski.de/index.php?id=334">Home</a>
              | <a href="http://bellowski.de/index.php?id=123">Impressum</a>
              | <a href="http://bellowski.de/index.php?id=346">Kontakt</a></div></td>







						</tr>
				  </table>
				</td>
				<td width="5">&nbsp;</td>
				<td valign="top" background="fileadmin/img/linksrechts.gif">
					<table border="0" cellspacing="0" cellpadding="0" height="100%">
						<tr>
							<td valign="top" background="fileadmin/img/shadowbgright.gif"><img src="fileadmin/img/shadowbgright.gif" alt="" height="18" width="16" border="0"/></td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		
</body>
</html>
```

Warum hat die Source Optimization keinen Einfluß?

Meine Source-Optimization-relevanten Einstellungen in den Constants sind:
################################
source_optimization.enabled = 1
source_optimization.remove_script_cdata = 0
source_optimization.remove_comments = 0
source_optimization.keep_typo3_copyright = 0
source_optimization.emtpy_body_tag = 0
source_optimization.move_inline_css = 1
source_optimization.remove_link_schema = 1
source_optimization.remove_empty_alt_atr = 0
source_optimization.remove_generator = 1
remove_empty_lines = 1
source_optimization.remove_new_lines = 0
source_optimization.trim_lines = 0
source_optimization.remove_blur_script = 0
source_optimization.remove_tabs = 1
source_optimization.move_inline_css_file = fileadmin/templatebookso.css
source_optimization.alternate_html_xhtml_language = en
source_optimization.replace_doctype = <?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>">
source_optimization.replace_clear_gif =
####################################
Und in Setup:
config.xhtml_cleaning = all
page.config.doctype = xhtml_trans

### [#18](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/18) · stapoch · 2004-07-23

Hast du mal den Typo3 Cache geleert?

### [#19](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/19) · Moellers · 2004-07-23

Hi,

welche Tabelle sorgt denn für das komische Aussehen.

Gruss
Andreas

### [#20](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/20) · Andreas B.​ · 2004-07-23

Sicherlich habe ich die Caches geleert.

Welche Tabelle? Meinst DU die HTML-Tabelle? Ich weiß nicht, ich denke das Problem ist grundsätzlich: Typo3 weigert sich ja beharrlich xhtml zu liefern.......

### [#21](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/21) · Unbekannter Benutzer · 2004-07-23

also mir ist da viel zuviel falscher und überflüssiger code dabei...

habs echt versucht den quelltext zu lesen, aber für so früh am morgen ist das echt n hartes brot...

### [#22](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/22) · Andreas B.​ · 2004-07-28

Ich habe den Fehler im Template selbst gefunden! Halleluja!!!!!

Typo3 macht da viel Mist dazu und der HTML-Code wird fehlerhaft:

**Vor Typo3:**
<td height="25">
<table border="0" cellspacing="0" cellpadding="0" height="25">###LANGUAGE###</table>
</td>

**Nach Typo3 (dabei wird "###Language###" ersetzt):**
<td height="25">
<table border="0" cellspacing="0" cellpadding="0" height="25"><table border=0 cellpadding=0 cellspacing=0><tr><td><img src=clear.gif width=30 height=1></td><td><img src="t3lib/gfx/content_client.gif" width="7" height="10" align=middle><a href="index.php?id=87&L=0" target=_top><img src="media/uploads/flag_de.gif" width="21" height="13" hspace=5 border="0"></a><a href="index.php?id=87&L=3" target=_top><img src="media/uploads/flag_uk_d.gif" width="21" height="13" hspace=5 border="0"></a></td></tr></table></table>
</td>

Entfernt man alles Rote, so stimmt der HTML-Code wieder..... Der Fehler kommt durch das Einfügen eines weiteren <table> ..... </table> - Definition.

**1.) Die Frage ist nur: Wie kann ich das in Typo3 verhindern?????? Wie kriege ich Typo3 dazu, das richtig zu ersetzen? Oder ist das ein Bug und sollte gemeldet werden?**

Der Marker "LANGUAGE" wird im Setup per

```typoscript
marks.LANGUAGE = PHP_SCRIPT
marks.LANGUAGE {
file = fileadmin/scripts/my_languageMenu.php
          }
```

ersetzt.
Kommentiere ich diese Zeilen aus, so stimmt das HTML auch wieder!

**2.) Wieso hat die Source Optimization mittels gleichnamiger Extension keine Wirkung? Es wird also kein XHTML ausgegeben obwohl Setup, Constants und HTML angepasst wurden.**

Vielen Dank für jede Antwort.

### [#23](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/23) · Moellers · 2004-07-28

Hi,

wenn ich das richtig sehe includest Du ja nur eine PHP Datei. Eigentlich müsste die Ausgabe ja in dieser formatiert sein. Schau mal in die my_languageMenu.php.

Gruss
Andreas

### [#24](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/24) · souri · 2004-07-28

..oder du schreibst in dein html-template noch ein umschließendes <tr><td></td></tr> rein und es passt genauso. Auf jeden Fall ist dieser spezielle Fall kein Problem von typo3 (kommt halt davon, wenn man vorgefertigte phps inkludiert und da nicht mal reinschaut und überlegt was diese anstellen, bzw. wie man sie richtig einbindet ;) ;) )

### [#25](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/25) · doku · 2004-07-28

> **Moellers schrieb:**
>
> Eigentlich müsste die Ausgabe ja in dieser formatiert sein. Schau mal in die my_languageMenu.php.

yo, genauso isses auch. die flaggen in der language-datei sind in einer tabelle.

außerdem:
wie kommt man überhaupt auf die idee, einen marker so einzubinden?

```html
<table border="0" cellspacing="0" cellpadding="0" height="25">###LANGUAGE###</table>
```

das kann doch nicht klappen. ist doch total unlogisch.

### [#26](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/26) · Andreas B.​ · 2004-07-28

VIELEN VIELEN VIELEN DANK!!!
Ich habe jetzt <tr><td></td></tr> im Template hinzugefügt und damit klappt es auch ganz prima.

Warum aber kein XHTML herauskommt, sondern nur
<!DOCTYPE html
	PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
, kann mir keiner sagen?

Bei mir steht in der Constants:

```typoscript
source_optimization.enabled = 1
source_optimization.remove_script_cdata = 0
source_optimization.remove_comments = 0
source_optimization.keep_typo3_copyright = 0
source_optimization.emtpy_body_tag = 0
source_optimization.move_inline_css = 1
source_optimization.remove_link_schema = 1
source_optimization.remove_empty_alt_atr = 0
source_optimization.remove_generator = 1
remove_empty_lines = 1
source_optimization.remove_new_lines = 0
source_optimization.trim_lines = 0
source_optimization.remove_blur_script = 0
source_optimization.remove_tabs = 1
source_optimization.move_inline_css_file = fileadmin/templates/bellowski/bellowskiso.css
source_optimization.alternate_html_xhtml_language = en
source_optimization.replace_doctype = <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
source_optimization.replace_clear_gif =
```

Und im Setup:

```typoscript
config.xhtml_cleaning = all 
page.config.doctype = xhtml_trans
```

Natürlich habe ich die Extension "Source Optimization" installiert.

### [#27](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/27) · Andreas B.​ · 2004-07-29

Hurrah!!!
Es funktioniert jetzt. Ich habe die Extension "Source Optimization" komplett deinstalliert und danach neu installiert. Und plötzlich funktioniert es auch bei diesem Template.

???

Das ist ja wie bei Windows.... :-D

### [#28](https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template/28) · greenbanana · 2005-05-02

@ Andreas B.

Ich versuche auch gerade eine Seite zu validieren... bin also auch noch kein Profi. Desshalb verstehe mich richtig:

Dass:   [Bild: in-memoriam-gabi.de/…/valid-xhtml10.gif](http://www.in-memoriam-gabi.de/fileadmin/gabi/template/valid-xhtml10.gif) einzubinden obwohl die Seite nicht valid ist, ist wohl nicht sehr empfehlenswert. *nicht böse gemeint*

gruss GreenBanana

---

Quelle: „Wie erstlle ich am besten ein eigenes Template ??“, typo3.net, https://www.typo3.net/d/13424-wie-erstlle-ich-am-besten-ein-eigenes-template
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.