Ich hab' mir ein Menü mit folgendem TS-Code gebastelt:
# Default PAGE object:
page = PAGE
page.typeNum = 0
page.noLinkUnderline = 1
page.5 = HMENU
page.5.1 = TMENU
page.5.entryLevel = 0
page.5.1.expAll = 0
page.5.1.NO {
linkWrap = <table bgcolor="#5226d2" cellspacing="1"><tr><td><font face =Verdana size="1" color=white>|</font></td></tr></table>
}
page.5.2 = TMENU
page.5.2.expAll = 0
page.5.2.NO {
linkWrap = <table bgcolor="#c5cff5"><tr><td><font face=Verdana size="1" color=black>|</td></font></tr></table>
}
page.5.3 = TMENU
page.5.3.expAll = 0
page.5.3.NO {
linkWrap = <tr><td><font face=Verdana size="1" color=black>|</td></font></tr><br>
}
Das Problem: die Hintergrundfarbe der Menüpunkte ist jeweils nur für die Länge des Textes bestimmt. Ich möchte aber rechts einen sauberen Rand haben, d.h. dass die Hintergrundfarbe über alle Tabellenzellen gleich lang gilt. Ebenso kann ich die Textfarbe nicht über das font-Tag ändern.
Hi,
ich habe es ganz einfach gelöst. In meinen Stylesheet gibt es eine ID in der das aussehen der Tabelle mit Abständen, Farbe ua. hinterlegt ist. Im Menu weise ich der tabelle dann einfach die ID zu. So hast du die Hintergrundfarbe in der vollen Tabellenbreite.
BSP: http://fwtest.mk-onlineservice.de
Grüße
Marco
Hört sich gut an, vor allem weil ich sonst auch sehr gerne mit css arbeite. In typo3 habe ich allerdings noch nie damit gearbeitet. Kannst du mir mal ein Beispiel geben für:
a) wo die css Datei abgespeichert wird
b) wie diese Datei in dem template eingebunden wird
c) die ID's zugewiesen werden
d) wie die css-Datei aussehen sollte (vor allem eben die Tabellendefinition)
Wäre supernett! Kennst du www.feuerwehrmaenner.de?
Also meine CSS liegt unter dem unten ersichtlichen Pfad.
So habe ich sie eingebunden:
# Default PAGE object:
#includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
page = PAGE
page.typeNum = 0
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
page.stylesheet=fileadmin/template/default/css/default.css
---schnipp----
In der CSS-Datei einbinden:
#mainmenu {
...... Das aussehen halt.
}
und dann einfach in Deinen Tag <table id="mainmenu" .......> eintragen, entsprechend so wie Du es im CSS festgelegt hast.
Also bei Dir:
page.5.1.NO {
linkWrap = <table id="mainmenu" cellspacing="1"><tr><td><font face =Verdana size="1" color=white>|</font></td></tr></table>
Das ist eigentlich schon alles.
Viel Spaß beim testen.
Grüße Marco