Hi @ all:
Also als blutiger Anfänger hab ich mal ne Frage...und zwar hab ich eine simple Designvorlage gebastelt mit css und will die nun als Template benutzen. Im Browser sieht die Vorlage so aus wie ich sie haben möchte aber wenn ich sie in Typo einbinde kommt da nur mist raus. Farben werden nicht übernommen
, das Bild ist nicht da und die Container sin d verschoben. Was mach ich falsch?
Anhang:
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zweispaltiges Layout - Struktur</title>
<link rel="stylesheet" type="text/css" href="Style.css" />
</head>
<body>
<div id="LayerLinks" align="center">
<img src="logo.gif" alt="Logo" />
</div>
<div id="LayerTop" align="center">
Top
</div>
<div id="LayerInhalt">
Inhalt
</div>
</body>
</html>
Css Datei:
/* Links */
a:link { color:#00848B; text-decoration:none; }
a:visited { color:#00848B; text-decoration:none; }
a:active { color:#00848B; text-decoration:none; }
a:hover { color:#00848B; text-decoration: underline; }
/* Farbe und Einstellungen fuer alle Seiten */
body
{
margin-top:0px;
margin-bottom:0px;
background-color:#ffffff;
}
/* Einstellung fuer den Navigationsframe */
#LayerLinks
{
float:left;
width:16%;
height:590px;
background-color:#00aa00;
}
/* Einstellung fuer den Kopfframe */
#LayerTop
{
height:110px;
margin:0px 0px 0px 16%;
background-color:#0000ff;
}
#LayerInhalt
{
height:480px;
background-color:#ffff6f;
overflow : auto;
}
Setup
# Default PAGE object:
page = PAGE
page.typeNum=0
page {
stylesheet=fileadmin/Style.css
10 = TEMPLATE
10.template= FILE
10.template.file=fileadmin/data/index.html
}
Zeig uns doch mal wie du dein Template und die CSS eingebunden hast, also dein Typoscript. Woher sollen wir sonst wissen was du falsch machst?
Vielleicht hilft dir die Doku hier auch schon weiter:
http://typo3.net/uploads/media/dokumentation.pdf
Norman
Ihc würde einen Bereich markieren, da sonst typo3 einige Sachen mehrfacht macht.
Desweitern wird zB dein Stylesheet einmal von dir und einmal von typo3 eingebunden.
mein typo script steht doch ganz unten unter Setup.
Ups sorry, ganz übersehen. Benutze demnächst die Container für den Code hier im Forum. (Die Buttons TS <> ... usw)
Typo3 erstellt den <head> automatisch, du darfst also nur den Teil in deinem Template haben der zwischen den <body>-Tags ist.
1. Möglichkeit: alles bis auf das html was im body ist löschen
2. Möglichkeit: du erstellst einen "Subpart" der den Bereich kennzeichnet den Typo3 verwenden soll:
<!-- ###DOCUMENT### start -->
<div id="LayerLinks" align="center">
<img src="logo.gif" alt="Logo" />
</div>
....
<!-- ###DOCUMENT### end-->
Jetzt musst du per TS nur noch angeben welchen Bereich Typo3 verwenden soll
page.10.workOnSubpart = DOCUMENT
Norman
hab ich gemacht, trotzdem ändert sich nichts.
Wie sieht den dein Quelltext aus? Wird die CSS eingebunden?
Norman
sieht nicht so aus als ob die css eingebunden wird. Aber warum?
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--
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-2005 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://www.typo3.com
-->
<title>test</title>
<meta name="generator" content="TYPO3 3.8 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">
<div id="LayerLinks" align =center >
<img src="logo.gif" alt="Logo">
</div>
<div id="LayerTop" align =center>
Top
</div>
<div id="LayerInhalt">
Inhalt
</div>
</body>
</html>
arrrrg ich hab den Fehler. Hab im Script den falschen Pfad für die css angegeben. Das ist mal peinlich. Typischer Newbi Fehler.
Jetzt hab ich nur noch ein Problem. Und zwar wird das Bild nicht angezeigt. Was ist da jetzt schon wieder?
Hab im Script den falschen Pfad für die css angegeben. Das ist mal peinlich. Typischer Newbi Fehler.
Jetzt hab ich nur noch ein Problem. Und zwar wird das Bild nicht angezeigt. Was ist da jetzt schon wieder?
könnte sein dass da die gleiche Ursache vorliegt wie bei Deinem CSS #giggle#
Es sei denn Dein Logo liegt wirklich im root?
Viele Grüße
Niki