Menü mit Grafik-Buttons

[ossi26]

Hallo!
Gleich vorweg, ich bin ein ziemlicher Typo3 Anfänger, deshalb hoffe ich dass mir hier geholfen werden kann.

Zu meinem Problem: Ich hätte gerne ein vertikales Menü mit Buttons. Die Buttons sollten einen Verlauf haben - deswegen erstelle ich die nicht mit Typo-Skript, sondern habe sie schon mit Photoshop erstellt. Die Menüpunkte (Home, Produkte,...) sollten dynamisch auf die Buttons geschrieben werden. Rein optisch schaut das bei meinem ersten Lösungsansatz auch richtig aus:

page = PAGE
page {
typeNum = 0
stylesheet = fileadmin/styles.css


10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/index.htm
10.workOnSubpart = DOKUMENT

10.marks {
MENUE = HMENU
MENUE.special = list
MENUE.special.value = 11, 12, 13, 14, 15, 16

MENUE.1 = TMENU
MENUE.1.NO = 1
MENUE.1.NO.linkWrap = <div class="div_menue"> | </div> <br>

}

}


Das Problem dabei ist nur dass die gewünschte Seite nur geöffnet wird, wenn man direkt auf den Text (zB Produkte) klickt, und nicht wenn man auf den Button klickt, auf dem Produkte steht! (Ich hoffe ihr versteht wie ich das meine?!)

gibt es irgend eine andere möglichkeit wie ich das lösen könnte? Es wäre für mich auch eine Option wenn ich den Button schon fix fertig mit Photoshop mache (sprich ich schreibe direkt im Photoshop "Produkte" auf den Button), allerdings weiß ich auch nicht wie ich das dann in Typo3 löse...

Vielen dank im voraus für jede Antwort.

[helmet]

Hallo,
das Problem solltest Du direkt über dein CSS lösen können.
Alternativ kannst Du den Hintergrund auch über ein GMENU direkt als Grafik in den Button rendern lassen. Macht aber eigentlich nur Sinn, wenn Du eine spezielle Schriftart verwenden willst.

[ossi26]

Hallo!
Danke erst mal für die Antwort.
Ich weiß nur leider nicht wie ich das über meine CSS lösen sollte...
im moment sieht das bei mir so aus:
Mit Typo lasse ich die Menüpunkte in die Divs mit der Klasse "div_menue" schreiben.
MENUE.1.NO.linkWrap = <div class="div_menue"> | </div> <br>

in der CSS-Datei weise ich dann den Divs meine Button-Grafik als Background-Image zu:

.div_menue {
    background:url(images/button.png);
    height:32px;
    width: 199px;
    }

Wie gesagt, optisch sieht das schon so aus wie ich des gerne hätte - nur wenn ich eben auf die Button-Grafik klicke öffnet sich nicht die Seite; die öffnet sich nur wenn man direkt auf den Menü-Text klickt.