---
title: "Rollover TMENU"
url: "https://www.typo3.net/d/58811-rollover-tmenu"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2007-03-03"
last_reply: "2007-03-03"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Rollover TMENU

TYPO3 › Menüs · 5 Antworten · gestartet 2007-03-03

## Eröffnungsbeitrag

**nove** · 2007-03-03 · [Beitrag #1](https://www.typo3.net/d/58811-rollover-tmenu/1)

auch auf die Gefahr hin, daß ich angepflaumt werde wegen eines Doppenpostings bei Typo3forum.net <http://www.typo3forum.net/forum/html-css/19678-hintergrundbild-groesse-uebernehmen.html#post58799>

Ich habe in Typo ein TMENU gebaut. Funktioniert auch soweit. Nun möchte ich das ganze mit CSS formatieren. Der betreffende Typoscript-Teil sieht so aus:

```typoscript
page = PAGE
page.includeCSS.file= fileadmin/css/jw_calendar.css
page{
	typeNum = 0
	bodyTag = <body bgColor="#FFFFFF">
	stylesheet = fileadmin/css/styles.css
	
	10=TEMPLATE
	10.template = FILE
	10.template.file = fileadmin/templates/content.html
	10.workOnSubpart = DOCUMENT_BODY
	10.marks{
	
	
	TOP1=IMAGE
	TOP1.file = fileadmin/images/setup/top1.jpg
	
	TOP2=IMAGE
	TOP2.file = fileadmin/images/setup/top2.jpg
	
	
	
	
	
	INHALT < styles.content.get
	INHALT.select.where = colPos = 0
	INHALT.stdWrap.required = 1
	INHALT.stdWrap = |
	
	NEWS < styles.content.get
	NEWS.select.where = colPos = 1
	NEWS.stdWrap.required = 1
	NEWS.stdWrap = |
	
	DOWNLOADS < styles.content.get
	DOWNLOADS.select.where = colPos = 2
	DOWNLOADS.stdWrap.required = 1
	DOWNLOADS.stdWrap = |
	
	# ***MAINMENUE***
		MAINMENUE = HMENU
		MAINMENUE.special = directory
		MAINMENUE.special.value = 6
		MAINMENUE.entryLevel = 0
		MAINMENUE.1 = TMENU
		MAINMENUE.1{
			NO.allWrap = <div class="navi_level1">&nbsp;&#124;&nbsp;|</div>
			}
		
		MAINMENUE.2 = TMENU
		MAINMENUE.2{
			NO.allWrap = <div class="navi_level2">&nbsp;&#124;&nbsp;|</div>
			}
	

}
```

und hier das CSS dazu

```html
.navi_level1{
	background-image: url(menuback.gif);
	background-repeat: no-repeat;
}

.navi_level1 a:hover{
	font-size:small;
	text-decoration:none;
	color: red;
	background-image: url(menuback_over.gif);
	background-color : #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navi_level1 a:link{
	font-size:small;
	text-decoration:none;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navi_level1 a:visited{
	font-size:small;
	text-decoration:none;
	color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navi_level2 a:hover{
	font-size: x-small;
	text-decoration:none;
	color: Red;
	background-color : #999999;
	background-image: url(menuback_over.gif);
	padding-left : 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navi_level2 a:link{
	font-size:x-small;
	text-decoration:none;
	color: black;
	padding-left : 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navi_level2 a:visited{
	font-size: x-small;
	text-decoration:none;
	color:black;
	padding-left : 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
```

Mein Problem ist das ich ein funktionierende Rollover im Menü mit Hintergrundsbildwechsel haben möchte..

Kann mir einer helfen?[/url]

## Antworten

### [#2](https://www.typo3.net/d/58811-rollover-tmenu/2) · just2b · 2007-03-03

Hallo,

bitte nächste mal nur das TS posten, das auch relevant ist, spart einem das scrollen ;)

Schmeiss bei ".navi_level1{ ... " das Hintergrundbild raus und füg es nur da ein:

> .navi_level1 a, .navi_level1 a:link, .navi_level1 a:visited, .navi_level1 a:active {
> background: url(normal.jpg) no-repeat;
> }
> .navi_level1 a:hover {
> background: url(ro.jpg) no-repeat;
> }

lg georg
PS: typo3forum.net ist keine Konkurrenz, 2 Foren können sich um mehr Leute kümmern als 1

### [#3](https://www.typo3.net/d/58811-rollover-tmenu/3) · nove · 2007-03-03

Danke... hat soweit geklappt.
Wie kann ich es lösen, dass das Hintergrundbild die größe meiner Menüpunkte bestimmt?

### [#4](https://www.typo3.net/d/58811-rollover-tmenu/4) · just2b · 2007-03-03

gar nicht!
das hindergrundbild nimmt den platz den es bekommt, also musst du den a-tag größer machen

georg

### [#5](https://www.typo3.net/d/58811-rollover-tmenu/5) · nove · 2007-03-03

wie bekomme ich das in diesem Menü gelöst? Über rein-wrapen eines Tables?

### [#6](https://www.typo3.net/d/58811-rollover-tmenu/6) · just2b · 2007-03-03

ui  bitte doch keine tabellen!

> .navi_level1 a, .navi_level1 a:link, .navi_level1 a:visited, .navi_level1 a:active {
> background: url(normal.jpg) no-repeat;
> padding:5px 10px;
> }

oder mit einer height:40px;

georg

---

Quelle: „Rollover TMENU“, typo3.net, https://www.typo3.net/d/58811-rollover-tmenu
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.