---
title: "?:vertikal Menu nach georg ringer"
url: "https://www.typo3.net/d/63364-vertikal-menu-nach-georg-ringer"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","JavaScript & AJAX"]
created: "2007-06-03"
last_reply: "2007-06-03"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# ?:vertikal Menu nach georg ringer

TYPO3 › Menüs · 7 Antworten · gestartet 2007-06-03

## Eröffnungsbeitrag

**Datalux** · 2007-06-03 · [Beitrag #1](https://www.typo3.net/d/63364-vertikal-menu-nach-georg-ringer/1)

Ich versuche das vertikal Menu von georg Ringer einzubinden (alter Thread [/d/39055-menues-basierend-auf-css](https://www.typo3.net/d/39055-menues-basierend-auf-css)

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:

```typoscript
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:

```typoscript
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):

```html
<!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

```html
<!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>
```

## Antworten

### [#2](https://www.typo3.net/d/63364-vertikal-menu-nach-georg-ringer/2) · Unbekannter Benutzer · 2007-06-03

Hi,
binde die Headerdaten folgendermaßen ein:

```typoscript
page = 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
```

:D  :D

### [#3](https://www.typo3.net/d/63364-vertikal-menu-nach-georg-ringer/3) · Datalux · 2007-06-03

hm macht er nicht, im souce ist zu sehen, das

<!-- ###HAUPT_NAVI### start-->

nicht verarbeitet wird :-(

werd wohl noch mal suchen müssen

### [#4](https://www.typo3.net/d/63364-vertikal-menu-nach-georg-ringer/4) · Datalux · 2007-06-03

ahh hab einfach mal ins alte menu template kopiert und siehe da es geht :-)

supi danke

### [#5](https://www.typo3.net/d/63364-vertikal-menu-nach-georg-ringer/5) · Datalux · 2007-06-03

jetzt feht mir nur noch das arrow.gif, das war leider in der zip nicht mit dabei. hab das jemand rumliegen?

### [#6](https://www.typo3.net/d/63364-vertikal-menu-nach-georg-ringer/6) · Datalux · 2007-06-03

ach ja, das menü ist nun leider ganz links am rande, ich hätte es gerne aber zentriert, bzw. links ausgerichtet, wie kann ich das den machen?

### [#7](https://www.typo3.net/d/63364-vertikal-menu-nach-georg-ringer/7) · Datalux · 2007-06-03

> **Datalux schrieb:**
>
> ach ja, das menü ist nun leider ganz links am rande, ich hätte es gerne aber zentriert, bzw. links ausgerichtet, wie kann ich das den machen?

habs gefunden padding-left: XXpx; nur werden dann die submenus auch um XX verschoben.

da müßte ich jetzt sicherlich im MENU template die submenus auf einen anderen CSS verweisen oder?

und wenn ja wie?

### [#8](https://www.typo3.net/d/63364-vertikal-menu-nach-georg-ringer/8) · Datalux · 2007-06-03

ich habe noch noch das Problem, das das aufgeklapte Submenu zu viel Abstand vom Mutter Menu hat.

[Bild: thai4you.de/…/abstand.jpg](http://www.thai4you.de/cms/forum/pp/data/562/abstand.jpg)

und das im unteren Rahmen ein _ nach links rausragt.

update: so die Rahmen hab ich wech bekommen, aber den Abstand leider noch nicht.
Hile also willkommen ;-)

---

Quelle: „?:vertikal Menu nach georg ringer“, typo3.net, https://www.typo3.net/d/63364-vertikal-menu-nach-georg-ringer
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
