Ich versuche das vertikal Menu von georg Ringer einzubinden (alter Thread #39055
ich bekomme es (als Typo3 Newbie) nicht ans laufen, was ich festgestellt habe ist, das der links auf das .js nicht zu sehen ist im sorce code der seite. Eingetragen hab ich es aber o.O
Hier mal meine configs.
das vertikal.js hab ich via Backend unter "fileadmin/scripts" hochgeladen.
Einbindung in das Haupttemplate:
page = PAGE
headerData = COA
headerData.11 = TEXT
headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/vertikal.js"></script>
page.stylesheet = uploads/tf/main.css
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = uploads/tf/template.html
workOnSubpart = DOCUMENT_BODY
}
page.10.subparts.HAUPT_NAVI < marks.MENU
das Nav Template sieht wie folgt aus:
marks.MENU = HMENU
marks.MENU {
wrap = <div id="nav" | </div>
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
ACTIFSUB < .IFSUB
}
2 < .1
2.wrap = <ul>|</ul>
3 < .2
4 < .2
}
die CSS hab ich so übernommen.
mein Template hat die benötigten dateien (bilder, css, etc) als Resources und von dort werden sie aufgerufen.
meine html /template):
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
<!--
body {
background-color: #0099CC;
}
-->
</style></head>
<body>
<!-- ###DOCUMENT_BODY### start-->
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="187" height="150" background="uploads/tf/bg1.jpg"> </td>
<td width="412" height="150" background="uploads/tf/bg2.jpg"> </td>
<td width="171" height="150" background="uploads/tf/bg3.jpg"> </td>
</tr>
<tr>
<td width="187" height="38" valign="top" background="uploads/tf/bg4.jpg"> </td>
<td width="583" height="38" colspan="2" valign="top" background="uploads/tf/bg5.jpg"> </td>
</tr>
<tr>
<td width="187" height="561" valign="top" background="uploads/tf/bg6.jpg">
<p>
<!-- ###HAUPT_NAVI### start-->
<div id="nav">
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">Über uns</a></li>
<li><a href="#">Zimmer und Bungalows</a></li>
<li><a href="#">Preise</a></li>
<li><a href="#">Buchung</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Lage und Anfahrt</a></li>
<p>
<li><a href="#">Bildergalerie</a></li>
<li><a href="#">Gesichte</a></li>
<li><a href="#">Kontak</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>
<!-- ###HAUPT_NAVI### stop-->
</td>
<td width="412" height="561" valign="top" background="uploads/tf/bg7.jpg"> </td>
<td width="171" height="561" valign="top" background="uploads/tf/bg8.jpg"> </td>
</tr>
<tr>
</div>
</td>
</tr>
</table>
<!-- ###DOCUMENT_BODY### stop-->
</body>
</html>
ich finde den (die) fehler nicht. mit einem ganz einfachen menu ging es o.O
Jemand nen Tip ??
und hier der vom browser (FX) gelieferte sorce
<!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 powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://typo3.com/ and http://typo3.org/
-->
<link rel="stylesheet" type="text/css" href="uploads/tf/main.css" />
<title>Startseite</title>
<meta name="generator" content="TYPO3 4.1 CMS" />
<script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>
</head>
<body>
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="187" height="150" background="uploads/tf/bg1.jpg"> </td>
<td width="412" height="150" background="uploads/tf/bg2.jpg"> </td>
<td width="171" height="150" background="uploads/tf/bg3.jpg"> </td>
</tr>
<tr>
<td width="187" height="38" valign="top" background="uploads/tf/bg4.jpg"> </td>
<td width="583" height="38" colspan="2" valign="top" background="uploads/tf/bg5.jpg"> </td>
</tr>
<tr>
<td width="187" height="561" valign="top" background="uploads/tf/bg6.jpg">
<p>
<!-- ###HAUPT_NAVI### start-->
<div id="nav">
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">Über uns</a></li>
<li><a href="#">Zimmer und Bungalows</a></li>
<li><a href="#">Preise</a></li>
<li><a href="#">Buchung</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Lage und Anfahrt</a></li>
<p>
<li><a href="#">Bildergalerie</a></li>
<li><a href="#">Gesichte</a></li>
<li><a href="#">Kontak</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>
<!-- ###HAUPT_NAVI### stop-->
</td>
<td width="412" height="561" valign="top" background="uploads/tf/bg7.jpg"> </td>
<td width="171" height="561" valign="top" background="uploads/tf/bg8.jpg"> </td>
</tr>
<tr>
<td width="770" height="19" colspan="3" valign="top" background="uploads/tf/ng9.jpg" wifth="770">
</td>
</tr>
</table>
</body>
</html>