1. Verwende bitte in Zukunft die angebotenen BB-Codes zum posten von Code. Das erhöht immens die Übersicht.
2. Zu den Hintergrundbilder aus deiner CSS:
Liegen die Bilder wirklich nicht im Ordner fileadmin? Du schreibst ja ../_images...
also wenn du relative Pfade nehmen willst, dann fehlt wenns im Fileadmin liegt ganz sicher der Ordner fileadmin, also wenigstens dann ../fileadmin/_images/...
Sicher ist aber das der Pfad für die Grafiken falsch ist, denn sonst würde es ja funktionieren.
Versuch folgendes:
Ruf die Datei direkt im Browser auf.
Schreib den absoluten Pfad in die Datei.
3. Zu deinem Menü und TS:
Ich wundere mich das überhaupt etwas angezeigt wird, denn da wimmelt es nur so von Fehlern. Hinter 10. = kommt kein Punkt. Also 10 =
Bist du sicher das die Dateien styles.css und index.html auch nicht in deinem fileadmin Ordner liegen? Wenn doch, ist auch dieser Pfad falsch. Dann müsste es schon wenigstens fileadmin/styles.css und fileadmin/index.html heißen.
Mit allWarp werden keine List-Menüs gebaut, sondern mit wrapItemAndSub
id's im HTML dürfen nur einmal auf einer Seite vorkommen. Das sind einzigartige Definitionen. In deinem Menü musst du also statt mit id mit class arbeiten.
Was der zusätzliche span-Tag um den Menüpunkt soll ist etwas verwirrend, denn das was da drinn steht kannst du auch alles in den A-Tag schreiben.
Diesem kannst du mit ATagParams = class="Deine_Class" eine CSS-Class zuweisen. ATagBeforeWrap ist also über und der linkWrap dann jawohl auch.
Für die Menüzustande kannst du dann ACT usw verwenden.
Das hilft dir:
http://www.mittwald.de/dokumentation
#65143
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Tmenuitem.html
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html#confval-menu-tmenu-item-states
Also so könnte es dann aussehen:
# Default PAGE object:
page = PAGE
page {
stylesheet = styles.css
10 = TEMPLATE
10 {
template = FILE
template.file = index.html
workOnSubpart = DOCUMENT_BODY
subparts {
NAVIOBEN = HMENU
NAVIOBEN {
wrap = <ul>|</ul>
1 = TMENU
1 {
NO = 1
NO {
wrapItemAndSub = <li class="button-oben">|</li>
ATagParams = class="Deine_Class"
}
}
}
}
}
}