Hallo
Ich habe in meinem Setup ein TMENU definiert und es so gewrappt:
NO.allWrap = <span class="TOPNAV1-NO">|</span>||*|<span class="TOPNAV1-NO">|</span>||*|<span class="TOPNAV1-NO">|</span>
Es wird im Frontend mit verschiedenen Browsern richtig dargestellt.
Mit MAC habe ich Probleme damit. Er stellt das Menu zwar waagrecht dar, lässt Platz für jeden Eintrag, aber alle sind unsichtbar, ausser dem letzten (sinnigerweise der Link auf HILFE!).
Hat MAC Probleme mit der Unterteilung mit |*| ?
Kennt jemand einen Lösungsansatz?
Danke für die Hilfe
Dem Mac ist es vollkommen egal, wie der Server die Daten generiert. Die Option-Split Trennung mit |*| sieht ja der Browser gar nicht. Es kann also eigentlich nur an dem #124 liegen oder an dem css liegen. Aber gegen ein Problem mit CSS spricht ja, daß der letzte Eintrag da ist. Vielleicht einfach das #124 mal gegen ein anderes Zeichen tauschen.
Als Tip noch dazu:
Für Barrierefreie Seiten sollte man den mit #124 erzeugten Strich lieber weglassen und mit CSS erzeugen. Als Trennzeichen bei den Menüpunkten nimmt man dann ein Punkt, der mit CSS unsichtbar gemacht wird. Dieser Punkt bewirkt zwischen den Menüpunkten bei den Geräten, die Blinden die Seite vorlesen, ein Absenken der Sprache und eine Pause. Diese Vorgehensweise sollte bei allen TMENU's und auch bei einer Rootline gemacht werden.
Danke für die schnelle Antwort. Auf diese Idee bin ich nicht gekommen, weil ich den senkrechten Strich auch im Menu unten benutze, da allerdings in der XHTML-Vorlage als | und nicht #124. Ich werde das ausprobieren, sobald ich wieder einen Mac in Reichweite habe...
Zur Idee mit dem unsichtbaren Punkt: verstehe ich das richtig, dass dann diesem Punkt eine Klasse zugeordnet werden müsste, die im CSS als unsichtbar deklariert wird?
In diesem Fall hätte man dann aber auch kein optisches Trennzeichen zwischen den Links mehr, was für Sehende wiederum hilfreich wäre.
Stimmt, ich hatte vergessen zu schreiben, daß man den Strich als Border im CSS definieren sollte.
Hallo nochmals
Es liegt nicht am #124. Das Menu wird auch ohne dieses Zeichen nicht dargestellt. Die senkrechten Striche ohne Menulinks dagegen schon.
Zufällig habe ich zwischen meinen Einträgen einen Leerschlag mehr stehen gelassen, also
NO.allWrap = <span class="TOPNAV1-NO"> | </span>| |*| <span class="TOPNAV1-NO"> | </span>| |*| <span class="TOPNAV1-NO"> | </span>
Das hat beim IE/Mac dazu geführt, dass von den Einträgen jeweils der erste Buchstaben knapp angezeigt wird. Immer noch wird das letzte Wort ganz angezeigt. Es scheint, dass der IE beim Mac nicht genügend Platz für die Einträge reserviert und die Menus zusammenschiebt.
Hier mein CSS-Code zu diesem Menu:
#TOPNAV {
background-color:#0099FF;
padding-top:1em;
text-align:center;
font-weight:bold;
}
#TOPNAV span a {
color:#000000;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}
#TOPNAV span a:hover {
color:#CCCCCC;
text-decoration:none;
}
#TOPNAV span a:active {
color:#CCCCCC;
text-decoration:none;
}
/* TOPNAV, level 1, normal state (NO) */
#TOPNAV span.TOPNAV1-NO {
background-color:#0099FF;
color:#000000;
font-size:0.9em;
font-weight:bold;
padding-left:5px;
padding-right:5px;
}
/* TOPNAV, level 1, rootline (ACT) */
#TOPNAV span.TOPNAV1-ACT {
background-color:#0099FF;
color:#CCCCCC;
font-size:0.9em;
font-weight:bold;
padding-left:5px;
padding-right:5px;
}
#TOPNAV span.TOPNAV1-ACT a {
color:#CCCCCC;
text-decoration:none;
}
#TOPNAV span.TOPNAV1-ACT a:hover {
color:#CCCCCC;
text-decoration:none;
}
Woran könnte das liegen?
Danke für's Mitdenken!
Mit freundlichen Grüssen
mamo