Brauche mal Hilfestellung index.html in _footer.tpl

Deutsches Forum
1

Hallo Forum

Ich habe mir in der CSS dieses angelegt:

div#teaserfooter {background:none repeat scroll 0 0 #ffffff;width:980px;height:368px;position:relative;left:12px;}
div#teaserfooter div.mitte {height:368px;width:960px;}

im Ordner tpl habe ich eine leere Datei mit Namen teaserfooter.tpl
Nun möchte ich einen Slider in den footer einbauen. Die index.html und das ganze andere Gelumpe liegt auf dem Server. Ich dachte mir, fügst du mal den Inhalt von der Index.html in die leere teaserfooter.tpl, und gut is.

Dann hab ich noch dieses in die footer.tpl eingefügt:

<div id="teaserfooter">
<div class="mitte">
[{ include file="teaserfooter.tpl" }]
</div>

Nun sieht alles etwas verrückt aus und es tut sich auch nix.

Habt Ihr eine Idee?

2

nein, andersrum…

Du musst den gewünschten Teaser in Deine Seite integrieren, nicht Deine Seite in den Teaser.
Schau Dir mal an wie z.B. der Footer integriert wird.

Und beim CSS, lass das “div” vorne weg, also

#teaserfooter .mitte {height:368px;width:960px;}

(was dann das div mit Klasse “mitte” innerhalb des Elements mit der id “teaserfooter” definiert)

3

Hallo Priester,


#teaserfooter {background:none repeat scroll 0 0 #ffffff;width:980px;height:368px;position:relative;left:12px;} 
#teaserfooter .mitte {height:368px;width:960px;}

und


<div id="teaserfooter">
<div class="mitte">
[{ include file="teaserfooter.tpl" }]
</div>  
</div>

nur ein feststellung, ein link wäre nicht schlecht um zu sehen was er überhaupt macht…

gruß Markus

4

Hallo Priester,
dein quellcode ist nicht sauber :eek:
ich sehe 3 x <head> und
3 x <body>, das kann niemals gut gehen.

5

@ Marcus,

jetzt blick ich net mehr so richtig durch. Wo steht was in welchem tpl 2 oder 3 mal??

6

Hallo Priester,
es ist schon wichtig wenn Du dein Template selber anpassen möchtest wenigstens grundkentnisse in sachen HTML und CSS zu kennen.

gruß Markus

7

Bin ich grad dabei. Hab mir Lern DVD´S bestellt für CSS und jquery.

8

Das Problem ist nicht der leere teaser.tpl. Der ist im Footer. Diese Index.html ist das Problem, dass diese angezeigt wird im teaser.tpl.

Link zu Seite:
Klick

Index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	
	<title>Glapoke</title>
	
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" charset="utf-8" />
	
	<script type="text/javascript" src="http://www.zadeck.de/startslider/js/jquery-1.2.6.js"></script>
	<script type="text/javascript" src="http://www.zadeck.de/startslider/js/startstop-slider.js"></script>
	
</head>

<body>

	<div id="page-wrap">
		
		<h2>Aktuelles</h2>
		
		<div id="slider">

			<div id="mover">
		
				<div id="slide-1" class="slide">
				
					<h1>Garden Rack</h1>
					
					<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
					
					<img src="http://www.zadeck.de/startslider/images/slide-1-image.png"/></a>
					
				</div>
				
				<div class="slide">
				
					<h1>Tulip Bulbs</h1>
					
					<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
					
					<img src="http://www.zadeck.de/startslider/images/slide-2-image.png" /></a>
					
				</div>
				
				<div class="slide">
				
					<h1>Garden Gloves</h1>
					
					<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
					
					<img src="http://www.zadeck.de/startslider/images/slide-3-image.png"/></a>
					</div>
					<div class="slide">
				
					<h1>Test</h1>
					
					<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
					
					<img src="http://www.zadeck.de/startslider/images/slide-3-image.png"/></a>
				</div>
			
			</div>
		
		</div>
		
		
		
	</div>
	
</body>

</html>
9

Die DVDs sind noch nicht da, oder?

10

Nö rubbercut. Die kommen aber noch und deshalb frag ich ja. :smiley:

11

Hab ich das richtig verstanden, Du hast die index.html in Deine neue teaserfooter.tpl eingefügt?
Dann ist die ja doppelt vorhanden, deshalb geht das nicht.

12

Hi Richard,

oje, das sieht ja noch grauselig aus, hast Du schon mal einen Validator zum Beispiel für Firefox installiert, am besten noch in Verbindung mit FireBug? Der zeigt Dir dann direkt an, welche Fehler sich in der HTML Struktur noch eingeschlichen haben.

Zum Beispiel hast Du noch nicht kapiert, dass es immer nur einen HEAD und einen BODY geben darf.

In Deinem Fall inkludierst Du quasi eine Homepage in eine Homepage, da Du ja nochmal die komlette HEAD, BODY Struktur einbindest, dass das nicht gut gehen kann, dürfte klar sein.

In die weiteren Templates, die Du eine bestehende Struktur inkludierst darf also nur noch eine Teilmenge der Homepage enthalten sein, sprich das komplette HEAD Gedöns, JAVASCRIPTS, CSS usw. kannst Du Dir da ja sparen, da es ja bereits inkludiert wurde.

Also nochmal, damit sich das einprägt: Eine Homepage hat immer nur ein HTML, damit also auch nur einen HEAD Bereich und einen BODY Bereich :slight_smile:

Hoffe, das war jetzt einigermaßen verständlich, bin heute noch sehr müde :slight_smile:

Allerbeste Grüße vom Chris

13

Mal ne blöde Frage, damit ich dem Kuddelmuddel, das verzapft wurde, folgen kann:
Wo finde ich im Oxidshop denn eine index.html? :confused:

14

Die gibts natürlich nicht, bei Richard heißt die so und diese wollte er im Footer einbinden, zumindest ganz am Anfang des Threads war das noch so gewünscht.

@ Richard: Du hast doch vor, den Slider nach unten zu bringen? Also darfst Du in Dein zu inkludierendes Template nur den Sliderpart schreiben oder Du inkludierst nicht, sondern schreibst direkt in den Footer den Slidercode, brauchst den doch eh nur einmal…

Viele Grüße vom Chris