html templates erscheinen nicht so wie sie sollten

RamX · #1 16.02.07, 18:14

Hallo ich habe folgendes Problem und zwar bin ich gerade dabei mehrere HTML templates in typo3 via templavoila einzubinden. In den Templates sind auch schon 2 Flash Dateien eingebunden header.swf und footer.swf...
Die Templates habe ich mit Photoshop erstellt und mit editor etwas abgeändert.
Hier die Templates:
contakt
dates
gaestebuch
gallerie
home
partners

also bei home und gaestebuch funktioniert es einwandfrei die ausgabe von typo3 sieht sehr gut aus.
Hier:
home: home
gaestebuch: gaestebuch

nur bei den andere templates veschiebt sich alles woran liegt das???
hier ein Beispiel mit dem template dates.html:
dates: dates

hab jetzt die contakt.html auch in typo3 eingebunden via TemplaVoila das ergebnis:
contakt: contakt

warum verschiebt sich das layout so??? ich verstehe das nicht

**Kurt51** · #2 17.02.07, 06:24

das ist eben das Ergebnis von TV: alles Tabellen!
ich könnte mich ü..., wenn ich in den source-code gucke. das wäre mit "divs" nicht passiert, die bekommst du in den griff, tabellen aber eben nicht! das habe ich auch bei anderen Web-Spezialisten, die mit tabellen arbeiten, festgestellt, da springen die einzelnen seiten immer beim menüwechsel - das ist auch so furchtbar!
TV käme schon aus dem grund (tabellen) für mich nie in frage, tabellen sollen da eingesetzt werden, wo sie als solche auch benötigt weden aber nicht als gestaltungselemente.
DAS IST MEINE MEINUNG!

entschuldigt die kleinschrift aber ich kann z.z. nur mit einer hand tippen.

**Armin** · #3 17.02.07, 07:44

@Kurt

Zitat:

das ist eben das Ergebnis von TV: alles Tabellen!

TV kann ohne Tabellen genau wie mit Tabellen arbeiten! Könnte TV nur mit Tabellen arbeiten, würde ich es nie einsetzten. Wie kommst du darauf das TV nur mit Tabellen arbeitet?

Zitat:

"divs" nicht passiert, die bekommst du in den griff, tabellen aber eben nicht!

Mit Tabellen und Divs (Ebenen) bekommt man genauso in den Griff wie Divs.

Zitat:

entschuldigt die kleinschrift aber ich kann z.z. nur mit einer hand tippen.

Verletzung? Dann gute Besserung

@RamX

Zitat:

nur bei den andere templates veschiebt sich alles woran liegt das???

Du musst die Templates halt genau anpassen. Tabellen werden nicht wieder geschlossen, colspan falsch gesetzt etc.pp

Armin

RamX · #4 17.02.07, 08:21

Also erstmal Danke für eure Antwort!

Ich habe ja die Templates mit Photoshop erstellt das layout geslices und für web in html gespeichert. Das war für mich jetzt der einfachste und schnellste weg aber soweit ich weis kann man bei Photoshop auch andere einstellungen wählen um für Web zu speichern z.B CSS sollte ich vielleicht diese variante wählen??

**Kurt51** · #5 17.02.07, 09:28

Zitat:

Zitat von Armin

@Kurt

Zitat:

das ist eben das Ergebnis von TV: alles Tabellen!

TV kann ohne Tabellen genau wie mit Tabellen arbeiten! Könnte TV nur mit Tabellen arbeiten, würde ich es nie einsetzten. Wie kommst du darauf das TV nur mit Tabellen arbeitet?
#### ich muss ganz ehrlich gestehen, ich hab's geschlossen aus den verschiedenen postings und meine Einblicke in viele source-codes dieser "kaputten" seiten - war wohl ein fehler von mir! (huuch - peinlich)
ich gebe zu, ich habe mich mit TV selber noch nie beschäftigt - sollte ich wohl mal machen!? weiß aber nicht genau warum, da das ganze ja OHNE TV aus meiner warte ja auch optimal funktioniert.

Zitat:

"divs" nicht passiert, die bekommst du in den griff, tabellen aber eben nicht!

Tabellen bekommt man genauso in den Griff wie Divs.
#### na, sei mal ehrlich: "genauso"?!

Zitat:

entschuldigt die kleinschrift aber ich kann z.z. nur mit einer hand tippen.

Verletzung? Dann gute Besserung
#### Operation am linken Ellenbogen wg. sogenanntem Tennisarm - Danke für die Wünsche.

Armin

**Armin** · #6 17.02.07, 10:09

moin Kurt,

Zitat:

ich muss ganz ehrlich gestehen, ich hab's geschlossen aus den verschiedenen postings und meine Einblicke in viele source-codes dieser "kaputten" seiten - war wohl ein fehler von mir! (huuch - peinlich)

"Kaputte" Seiten kann mit und ohne TV erzeugt werden..

Zitat:

ich gebe zu, ich habe mich mit TV selber noch nie beschäftigt - sollte ich wohl mal machen!? weiß aber nicht genau warum, da das ganze ja OHNE TV aus meiner warte ja auch optimal funktioniert.

Ich erstelle nur noch Seiten mit Hilfe von TV. Mit FCE habe ich die volle Kontrolle über die Eingabemöglichkeiten, kann auf einige Extensionen verzichten und alles etwas leichter verwalten. Aber über das Für und Wieder wurde ja schon öfter diskutiert.
Am besten wäre mal ein Thread, wo man verschiedene Lösungswege anhand eines Bespiels aufzeigt.

Zitat:

### na, sei mal ehrlich: "genauso"?!

Ja. Mit fällt kein Design ein, was nicht mit Tabellen zu realisieren wäre. Aber ich setzte auch keine Tabellen für das Layout ein.

@RammX

Zitat:

man bei Photoshop auch andere einstellungen wählen um für Web zu speichern z.B CSS sollte ich vielleicht diese variante wählen??

Ich weiß nicht wie und das PS erzeugt wennn man CSS wählt. Speichere es doch mal als CSS, dann kann man einen Blick reinwerfen.

Aber auch egal ob Tabelle oder DIV, du musst beim erzeugen der Templates dafür sorgen das letztendlich eine saubere Verschachtelung erzeugt wird.

Armin

RamX · #7 19.02.07, 19:02

So ich hab jetzt mal die home seite nur mit CSS und DIV'S erstellt.
Und Flash hab ich ganz rausgelassen hab mich doch noch nur für HTML entschieden.
01 home

Der Code sieht jetzt so aus:

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">
<head>
<title>01 home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- ImageReady Styles (01 home.psd) -->
<style type="text/css">
<!--

#Tabelle_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:996px;
}

#id01-home-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:175px;
}

#id01-home-02_ {
	position:absolute;
	left:0px;
	top:175px;
	width:171px;
	height:57px;
}

#home-btn_ {
	position:absolute;
	left:171px;
	top:175px;
	width:101px;
	height:57px;
}

#dates-btn_ {
	position:absolute;
	left:272px;
	top:175px;
	width:92px;
	height:57px;
}

#galerie-btn_ {
	position:absolute;
	left:364px;
	top:175px;
	width:95px;
	height:57px;
}

#guestbook-btn_ {
	position:absolute;
	left:459px;
	top:175px;
	width:136px;
	height:57px;
}

#contact-btn_ {
	position:absolute;
	left:595px;
	top:175px;
	width:111px;
	height:57px;
}

#partner-btn_ {
	position:absolute;
	left:706px;
	top:175px;
	width:125px;
	height:57px;
}

#id01-home-09_ {
	position:absolute;
	left:831px;
	top:175px;
	width:169px;
	height:57px;
}

#id01-home-10_ {
	position:absolute;
	left:0px;
	top:232px;
	width:1000px;
	height:41px;
}

#id01-home-11_ {
	position:absolute;
	left:0px;
	top:273px;
	width:181px;
	height:386px;
}

#id01-home-12_ {
	position:absolute;
	left:181px;
	top:273px;
	width:338px;
	height:386px;
	background-color:#FFFFFF;
}

#id01-home-13_ {
	position:absolute;
	left:519px;
	top:273px;
	width:29px;
	height:386px;
}

#id01-home-14_ {
	position:absolute;
	left:548px;
	top:273px;
	width:273px;
	height:86px;
	background-color:#FFFFFF;
}

#id01-home-15_ {
	position:absolute;
	left:821px;
	top:273px;
	width:179px;
	height:386px;
}

#id01-home-16_ {
	position:absolute;
	left:548px;
	top:359px;
	width:273px;
	height:54px;
}

#id01-home-17_ {
	position:absolute;
	left:548px;
	top:413px;
	width:273px;
	height:246px;
	background-color:#FFFFFF;
}

#id01-home-18_ {
	position:absolute;
	left:0px;
	top:659px;
	width:1000px;
	height:49px;
}

#id01-home-19_ {
	position:absolute;
	left:0px;
	top:708px;
	width:178px;
	height:87px;
}

#id01-home-20_ {
	position:absolute;
	left:178px;
	top:708px;
	width:328px;
	height:87px;
	background-color:#FFFFFF;
}

#id01-home-21_ {
	position:absolute;
	left:506px;
	top:708px;
	width:27px;
	height:87px;
}

#id01-home-22_ {
	position:absolute;
	left:533px;
	top:708px;
	width:288px;
	height:87px;
	background-color:#FFFFFF;
}

#id01-home-23_ {
	position:absolute;
	left:821px;
	top:708px;
	width:179px;
	height:87px;
}

#id01-home-24_ {
	position:absolute;
	left:0px;
	top:795px;
	width:1000px;
	height:26px;
}

#id01-home-25_ {
	position:absolute;
	left:0px;
	top:821px;
	width:178px;
	height:109px;
}

#id01-home-26_ {
	position:absolute;
	left:178px;
	top:821px;
	width:112px;
	height:109px;
}

#id01-home-27_ {
	position:absolute;
	left:290px;
	top:821px;
	width:531px;
	height:109px;
	background-color:#FFFFFF;
}

#id01-home-28_ {
	position:absolute;
	left:821px;
	top:821px;
	width:179px;
	height:109px;
}

#id01-home-29_ {
	position:absolute;
	left:0px;
	top:930px;
	width:1000px;
	height:23px;
}

#id01-home-30_ {
	position:absolute;
	left:0px;
	top:953px;
	width:615px;
	height:20px;
}

#impress-btn_ {
	position:absolute;
	left:615px;
	top:953px;
	width:80px;
	height:20px;
}

#haftung-btn_ {
	position:absolute;
	left:695px;
	top:953px;
	width:136px;
	height:20px;
}

#id01-home-33_ {
	position:absolute;
	left:831px;
	top:953px;
	width:169px;
	height:20px;
}

#id01-home-34_ {
	position:absolute;
	left:0px;
	top:973px;
	width:1000px;
	height:23px;
}
.Stil1 {color: #FFFFFF}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF;">
<!-- ImageReady Slices (01 home.psd) -->
<div id="Tabelle_01">
	<div id="id01-home-01_">
		<img id="id01_home_01" src="Bilder/01-home_01.jpg" width="1000" height="175" alt="" />	</div>
	<div id="id01-home-02_">
		<img id="id01_home_02" src="Bilder/01-home_02.jpg" width="171" height="57" alt="" />	</div>
	<div id="home-btn_">
		<a href="###">
			<img id="home_btn" src="Bilder/home_btn.jpg" width="101" height="57" border="0" alt="" /></a>	</div>
	<div id="dates-btn_">
		<a href="###">
			<img id="dates_btn" src="Bilder/dates_btn.jpg" width="92" height="57" border="0" alt="" /></a>	</div>
	<div id="galerie-btn_">
		<a href="###">
			<img id="galerie_btn" src="Bilder/galerie_btn.jpg" width="95" height="57" border="0" alt="" /></a>	</div>
	<div id="guestbook-btn_">
		<a href="###">
			<img id="guestbook_btn" src="Bilder/guestbook_btn.jpg" width="136" height="57" border="0" alt="" /></a>	</div>
	<div id="contact-btn_">
		<img id="contact_btn" src="Bilder/contact_btn.jpg" width="111" height="57" alt="" />	</div>
	<div id="partner-btn_">
		<img id="partner_btn" src="Bilder/partner_btn.jpg" width="125" height="57" alt="" />	</div>
	<div id="id01-home-09_">
		<img id="id01_home_09" src="Bilder/01-home_09.jpg" width="169" height="57" alt="" />	</div>
	<div id="id01-home-10_">
		<img id="id01_home_10" src="Bilder/01-home_10.jpg" width="1000" height="41" alt="" />	</div>
	<div id="id01-home-11_">
		<img id="id01_home_11" src="Bilder/01-home_11.jpg" width="181" height="386" alt="" />	</div>
	<div class="Stil1" id="id01-home-12_" background="Bilder/01-home_12.jpg" width="338" height="386" alt="" />content 01 </div>
	<div id="id01-home-13_">
		<img id="id01_home_13" src="Bilder/01-home_13.jpg" width="29" height="386" alt="" />
	</div>
	<div class="Stil1" id="id01-home-14_" background="Bilder/01-home_14.jpg" width="273" height="86" alt="" />content 02 
	</div>
	<div id="id01-home-15_">
		<img id="id01_home_15" src="Bilder/01-home_15.jpg" width="179" height="386" alt="" />
	</div>
	<div id="id01-home-16_">
		<img id="id01_home_16" src="Bilder/01-home_16.jpg" width="273" height="54" alt="" />
	</div>
	<div class="Stil1" id="id01-home-17_" background="Bilder/01-home_17.jpg" width="273" height="246" alt="" />content 03 
	</div>
	<div id="id01-home-18_">
		<img id="id01_home_18" src="Bilder/01-home_18.jpg" width="1000" height="49" alt="" />
	</div>
	<div id="id01-home-19_">
		<img id="id01_home_19" src="Bilder/01-home_19.jpg" width="178" height="87" alt="" />
	</div>
	<div class="Stil1" id="id01-home-20_" background="Bilder/01-home_20.jpg" width="328" height="87" alt="" />content 04 
	</div>
	<div id="id01-home-21_">
		<img id="id01_home_21" src="Bilder/01-home_21.jpg" width="27" height="87" alt="" />
	</div>
	<div class="Stil1" id="id01-home-22_" background="Bilder/01-home_22.jpg" width="288" height="87" alt="" />content 05 
	</div>
	<div id="id01-home-23_">
		<img id="id01_home_23" src="Bilder/01-home_23.jpg" width="179" height="87" alt="" />
	</div>
	<div id="id01-home-24_">
		<img id="id01_home_24" src="Bilder/01-home_24.jpg" width="1000" height="26" alt="" />
	</div>
	<div id="id01-home-25_">
		<img id="id01_home_25" src="Bilder/01-home_25.jpg" width="178" height="109" alt="" />
	</div>
	<div id="id01-home-26_">
		<img id="id01_home_26" src="Bilder/01-home_26.jpg" width="112" height="109" alt="" />
	</div>
	<div class="Stil1" id="id01-home-27_" background="Bilder/01-home_27.jpg" width="531" height="109" alt="" />content 06 
	</div>
	<div id="id01-home-28_">
		<img id="id01_home_28" src="Bilder/01-home_28.jpg" width="179" height="109" alt="" />
	</div>
	<div id="id01-home-29_">
		<img id="id01_home_29" src="Bilder/01-home_29.jpg" width="1000" height="23" alt="" />
	</div>
	<div id="id01-home-30_">
		<img id="id01_home_30" src="Bilder/01-home_30.jpg" width="615" height="20" alt="" />
	</div>
	<div id="impress-btn_">
		<a href="###">
			<img id="impress_btn" src="Bilder/impress_btn.jpg" width="80" height="20" border="0" alt="" /></a>
	</div>
	<div id="haftung-btn_">
		<a href="###">
			<img id="haftung_btn" src="Bilder/haftung_btn.jpg" width="136" height="20" border="0" alt="" /></a>
	</div>
	<div id="id01-home-33_">
		<img id="id01_home_33" src="Bilder/01-home_33.jpg" width="169" height="20" alt="" />
	</div>
	<div id="id01-home-34_">
		<img id="id01_home_34" src="Bilder/01-home_34.jpg" width="1000" height="23" alt="" />
	</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>

Also die CSS Datei würde ich noch extern abspeichern und in die html datei einbinden wäre besser glaube ich ....
...aber warum wird bei den content feldern nicht das hintergrundbild angezeigt??

Was haltet Ihr von dem Template wäre das gut für TV geeignet???
Bitte Feedback! Danke!

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
Uebersetzungen sollten nicht auszuwaehlen sein	moe-pub	Extension modifizieren oder neu erstellen	1	20.05.08 00:23
Sollten nicht mehr benötigte Bilder nicht aus dem uploads/pics/ Verzeichnis entfernt werden?	mike1981	TYPO3 4.x Fragen und Probleme	0	27.02.08 20:37
Content will nicht erscheinen.	Cyprus	TYPO3 4.x Fragen und Probleme	11	27.10.07 09:44
Grafiken in HTML-Ressourcen erscheinen nicht in Vorschau	Zwiebelschnitzel	TYPO3 4.x Fragen und Probleme	5	21.12.06 14:36
Meine Rahmen erscheinen nicht!	Anna	TYPO3 4.x Fragen und Probleme	10	08.12.06 15:27

Suche

Userpanel