Hallo zusammen.
ich bin jetzt seit zwei tagen dabei meine selbst erstellt Designvorlage in Typo3 einzubinden. Und das klappt nicht so, wie ich mir das eigentlich vorstelle. Ich hab den Code schon zigmal überflogen, aber ich finde keinen Ansatz, woran es vielleicht liegen könnte.
Ich hatte Typo3 schon vor einem Jahr installiert und hatte mich auch relativ zügig einarbeiten können. Nur jetzt....komm ich nicht weiter. Vielleicht liegt es auch an der Version.
Zunächst hatte ich mir eine Designvorlage gebastelt. Schön mit Tabellen und Tabellen in Tabellen und Grafiken und eben leeren Tabellenfeldern, in das später das Content gefüllt werden soll. Diese Designvorlage heisst layout.html. und sieht wir folgt aus:
<?php
$absolutepath = "/www/htdocs/webpage/cms/gstatistik";
require($absolutepath."/logit.php");
$referer = getenv(HTTP_REFERER);
logit($referer);
?>
<html>
<head>
<title>webpage | de</title>
<link rel="stylesheet" type="text/css" href="../css/format.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body bgcolor="#000000" text="#999966" link="#CCCCCC" vlink="#999999" alink="#990000" style="margin:0px">
<!-- ###DOKUMENT### start -->
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td height="5"></td></tr>
<tr><td align="center">
<table width="800" border="0" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td height="140" colspan="3" align="center"><img src="bilder/bild_head.png" width="800" height="140"></td>
</tr>
<tr bgcolor="#4C5B6C"><td height="17" colspan="3" align="left" valign="top"><div align="left">
<table width="800" height="17" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="475" height="17"><div align="left"><img src="bilder/bild_menue_teil01.png" width="475" height="17"></div></td>
<td width="315" height="17">###KOPFMENU###</td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td height="48" colspan="3" align="center" valign="middle"><div align="center"><img src="bilder/bild_u_menue.png" width="800" height="48"></div></td>
</tr>
<tr>
<td width="170" rowspan="2" align="left" valign="top" bgcolor="#E2EBE2"><p>###MENULINKS###</p></td>
<td width="470" align="left" valign="top" bgcolor="#FFFFFF"><blockquote>
<p align="left">###UEBERSCHRIFT###</p>
</blockquote>
</td>
<td width="160" rowspan="2" align="left" valign="top" bgcolor="#E2EBE2">###MENURECHTS###</td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FFFFFF"><blockquote>
<p align="left">###CONTENT###</p>
</blockquote>
</td>
</tr>
<tr>
<td height="22" colspan="3" align="center" valign="middle"><img src="bilder/bild_food1.png" width="800" height="36"> <div align="center"></div></td>
</tr>
<tr>
<td height="23" colspan="3" align="center" valign="middle"><table width="100%" border="0">
<tr>
<td width="82" align="center" valign="top"> </td>
<td width="636" align="center" valign="top">###FUSSZEILE###</td>
<td width="82"><img src="bilder/bild_food2.png" width="82" height="9"></td>
</tr>
</table></td>
</tr>
</table>
</td></tr></table>
<!-- ###DOKUMENT### stop -->
</body>
</html>
Diese layout.html liegt direkt im fileadmin Ordner und die entsprechenden Bilder im darunter liegenden Ordner /bilder. Auch Case sensitive habe ich dabei beachtet.
Mein dazugehöriges Template lautet wir folgt:
seite = PAGE
seite.typeNum = 0
#seite.bodyTag = <body bgcolor = "black">
seite.20 = TEMPLATE
seite.20 {
template = FILE
template.file = fileadmin/layout.html
workOnSubpart = DOKUMENT
marks.CONTENT < styles.content.get
}
Es sind noch nicht alle Platzhalter eingetragen, denn es funktioniert jetzt schon nicht richtig.
Problem bisher ist, das die Vorlage geladen wird, aber der Hintergrund weiß ist. Der Body ist aber in der layout mit Schwarz definiert, wie oben zu sehen ist. Setzte ich den Bodywert in dem Template, dann ist der Hintergrund auch schwarz. Aber warum muss ich das Typo 3 noch extra sagen?
Dann werden die Grafiken komplett nicht geladen. Egal, wo ich die auch hinschiebe. Die nimmt er einfach nicht. Ich habe schon versucht, den Pfad als konstanten Wert einzutragen und diesen dann durch "$relPfad" in die Vorlage einzubinden. Hat auch nicht funktioniert. Wenn ich die Vorlage direkt lade, als http://www.webpage.de/fileadmin/layout.html, wird die Seite korrekt angezeigt und alle Bilder auch richtig geladen.
Und jetzt...weiß ich nicht mehr weiter. Warum läd Typo3 die Bilder nicht richtig?
Installiert habe ich die 3.6.1. Hat sich da etwas geändert zur 3.5.0? Muss ich etwa im Template jedes einzelne Bild bekannt machen? Im Normalfall dürfte Ihm doch egal sein, welche Bilder in der Designvorlage geladen werden oder?
Ich weiß nicht, ob ihr das kennt, aber im Moment verzweifle ich ein wenig und mach meinen Verstand dafür verantwortlich. Ich bin es schon so oft durchgegangen. Hatte vielleicht jemand ein ähnliches Problem? Und hat vielleicht ein Gedankenblitz, der mich in die richtige Richtung lenkt?
Vielen Dank für die Aufmerksamkeit ;-)