---
title: "CSS zerschießt 2 Menüs"
url: "https://www.typo3.net/d/41715-css-zerschiesst-2-menues"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2006-04-20"
last_reply: "2006-04-20"
replies: 10
solved: false
page: 1
pages: 1
lang: "de"
---

# CSS zerschießt 2 Menüs

Allgemein · 10 Antworten · gestartet 2006-04-20

## Eröffnungsbeitrag

**don_stevil** · 2006-04-20 · [Beitrag #1](https://www.typo3.net/d/41715-css-zerschiesst-2-menues/1)

hallo forum!

ich habe irgendwo einen denkfehler, oder mach ess zu kompliziert...

1. hab typo3 4.0 installiert und ohne probleme eingerichtet
2. hab eine seite angelegt, indem ich in eine HTML datei die entsprechenden marker gesetzt habe
3. hab über typoscript document, content und menüs festgelegt
4. 2 menüs sollen es sein, links das topmenü auf der ersten ebene, rechts soll das untermenü erscheinen, sobald links was angeklickt wird.
5. beides mal kommt ein TMENU zum einsatz.

mein problem:
a) das linke verschwindet, sobald man ein menü anklickt
b) das rechte ist geklont wie das linke, also kein untermenu
c) das rechte menu und eine pfadanagabe (grau hinterlegt) werden größer dargestellt, als das linke menü, obwohl die CSS datei doch für beide gilt (oder?).

Die Homepage dazu: www.drk-bergheim.de

Würde mich über Hilfe sehr freuen, vielen Dank!

## Antworten

### [#2](https://www.typo3.net/d/41715-css-zerschiesst-2-menues/2) · d.​walter · 2006-04-20

Poste mal dein TS und dein CSS, sonst müssen wir mal Theos Glaskugel befragen.

Gruß

Daniel

### [#3](https://www.typo3.net/d/41715-css-zerschiesst-2-menues/3) · schwaiger · 2006-04-20

ist kein css prob sonder typoscript...

poste mal das menuscript..

das prob liegt daran das dein ts immer das menu der aktuellen ebene anzeigt...

lg flo

### [#4](https://www.typo3.net/d/41715-css-zerschiesst-2-menues/4) · don_stevil · 2006-04-20

alles klar...momentchen...wollen die glaskugel ja nicht überstrapazieren ;)

```typoscript
           marks.TOPMENU = HMENU
           marks.TOPMENU{
                              special = directory
                              1 = TMENU
                              1.NO = 1
                              1.NO.linkWrap = <br />  <img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif" alt="" /> |

                             .2 < .1
                              2 = TMENU
                              2.NO = 1
                              2.entryLevel = 1
                              2.NO.linkWrap =       <img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif" alt="" /> |

                         }


           marks.DOWNMENU = HMENU
           marks.DOWNMENU{
                              special = directory
                              1 = TMENU
                              1.entryLevel = 3
                              1.NO = 1
                              1.NO.linkWrap = <br />  <img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif" alt="" /> |

                          }
```

### [#5](https://www.typo3.net/d/41715-css-zerschiesst-2-menues/5) · toyde · 2006-04-20

> **don_stevil schrieb:**
>
> ```typoscript
>                               special = directory
>                               1 = TMENU
>                               1.NO = 1
>                               1.NO.linkWrap =   <img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif" alt="" /> |
>  
>                              .2 < .1
>                               2 = TMENU
>                               2.NO = 1
>                               2.entryLevel = 1
> ```

Fehlerhafte Syntax.

Lies mal die 2-3 Seiten in der Doku durch, Stichwort **special**.
» <http://www.typo3.net/literatur_zu_typo3/> Deutsche Dokumentation.
Seite 66ff, **3.11.6 special : directory**.

### [#6](https://www.typo3.net/d/41715-css-zerschiesst-2-menues/6) · don_stevil · 2006-04-20

gefahr erkennt, gefahr gebannt...

der vollständigkeit halber hier das "neue" typoscript

```typoscript
           marks.TOPMENU = HMENU
           marks.TOPMENU {
                              special = directory
                              special.value = 1
                              1 = TMENU
                              1.NO = 1
                              1.NO.linkWrap = <br>&nbsp;&nbsp;<img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif" > |
                         }


           marks.DOWNMENU = HMENU
           marks.DOWNMENU{
                              special = directory

                              1 = TMENU
                              1.entryLevel = 2
                              1.NO = 1
                              1.NO.linkWrap = <br>&nbsp;&nbsp;<img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif"> |

                          }
```

allerdings werden die stylesheets noch immer falsch angezeigt (grau hinterlegter bereich).

zu sehen, wenn man auf "termine" klickt. das rechte menü erscheint, die pfadangabe springt ebenfalls mit. nur wirds zu groß angezeigt...

hier das passende stylesheet:
<http://www.drk-bergheim.de/fileadmin/www.drk-bergheim.de/template/drk_stylesheet.css>

könntet ihr ein letztes mal helfend eingreifen? :)
Danke!!

### [#7](https://www.typo3.net/d/41715-css-zerschiesst-2-menues/7) · toyde · 2006-04-20

> **don_stevil schrieb:**
>
> allerdings werden die stylesheets noch immer falsch angezeigt (grau hinterlegter bereich).

Nö. Ein Stylesheet wird angezeigt, oder nicht. Das "falsch" darf man auf fehlerhafte Syntaxeingabe von CSS zurückführen  :p .

> **don_stevil schrieb:**
>
> zu sehen, wenn man auf "termine" klickt. das rechte menü erscheint, die pfadangabe springt ebenfalls mit. nur wirds zu groß angezeigt...

Was ist das genaue Problem? Der zu grosse Text? Dann mach die Schrift **font-size** kleiner  #paralyzed# .

### [#8](https://www.typo3.net/d/41715-css-zerschiesst-2-menues/8) · don_stevil · 2006-04-20

da grübel ich ja gerade drüber, da sämtliche font sizes im stylesheet gleich angegeben sind...mit px10.

warum der diese angabe im linken menü, aber nicht im rechten menü übernimmt, das ist mein casus knackus ;).

### [#9](https://www.typo3.net/d/41715-css-zerschiesst-2-menues/9) · toyde · 2006-04-20

> **don_stevil schrieb:**
>
> ..da sämtliche font sizes im stylesheet gleich angegeben sind

Leider wieder 0 Punkte  :p .

Definier für deine Menüklasse:

```html
.menurechts a{

}

.menurechts a:link {

}
.menurechts a:visited {

}
.menurechts a:hover {

}
.menurechts a:active {

}
```

In erster Zuweisung schreibst Du generell geltende Configs rein. Für den Rest, halt das, was sich ändern soll.
Warum man Klassen verschachteln muss? Hmmm.... CSS steht nicht für casus sehrus schwerus, sondern für **C**ascading **S**tyle**s**heet.

(Notiz: ist ein Beispiel, bitte anpassen)

### [#10](https://www.typo3.net/d/41715-css-zerschiesst-2-menues/10) · don_stevil · 2006-04-20

dein beispiel für mein CSS wäre:

```typoscript
      .DOWNMENU a{
      font-family: Arial, Helvetica, sans-serif;
	font-size: 10px 
	background-color : transparent;
	color : navy;
	text-decoration : none;
	font-weight : bold;
      }


      .DOWNMENU a:link {
      font-family: Arial, Helvetica, sans-serif;
	font-size: 10px 
	background-color : transparent;
	color : navy;
	text-decoration : none;
	font-weight : bold;
      }

      .DOWNMENU a:visited {
      font-family: Arial, Helvetica, sans-serif;
	font-size: 10px 
	background-color : transparent;
	color : navy;
	text-decoration : none;
	font-weight : bold;
      }
      
      .DOWNMENU a:hover {
      font-family: Arial, Helvetica, sans-serif;
	font-size: 10px 
	background-color : transparent;
	color : navy;
	text-decoration : none;
	font-weight : bold;
      }

      .DOWNMENU a:active {
      font-family: Arial, Helvetica, sans-serif;
	font-size: 10px 
	background-color : transparent;
	color : navy;
	text-decoration : none;
	font-weight : bold;

      }
```

klappt leider noch nich...wird wohl nen bastelnachmittag werden *g*.

### [#11](https://www.typo3.net/d/41715-css-zerschiesst-2-menues/11) · toyde · 2006-04-20

Ist doch diese Seite hier, oder?
» <http://www.drk-bergheim.de>

1. Ich öffne die Seite
2. Ich klicke auf Termine, sehe die Menüpunkte rechts haben zu grosse Schrift.
3. Ich schaue nun in den Quellcode (IE/FF/Opera Browseroption > Ansicht > Quellcode ansehen).

Und siehe da: Weder Mensch noch Maschine kennen "**DOWNMENU**".

Mach CSS-Gebastel doch lokal, und lade anschliessend alles herauf. Wenn Du oft Files uploadest (insbesondere HTML-Tempatles), Cache leeren nicht vergessen. Hat nix mit TYPO3 zu tun  ;)
(**NICHT** böse gemeint, aber es verliert hier bissal den Faden  #giggle#  )

---

Quelle: „CSS zerschießt 2 Menüs“, typo3.net, https://www.typo3.net/d/41715-css-zerschiesst-2-menues
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
