Hallo!
Ich habe ein Menü erstellt, welches soweit auch super funktioniert. Jedoch nicht im Safari (2.0.6). Hier ist mein TS:
temp.navi = HMENU
temp.navi {
special = directory
special.value = 236
1 = GMENU
1.wrap = <div style="padding-left:57px; float:left; clear:right;">|</div>
1.NO = 1
1.NO {
XY = [10.w]+5,20
backColor = #ffffff
transparentColor = #ffffff
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/zisch.hoch2.org/assets/fonts/UNIVERSL.OTF
10.fontColor = #000000
10.fontSize = 21
10.niceText = 1
10.niceText.scaleFactor = 5
10.niceText.afterIM.niceText.sharpen = 99
10.offset = 0, 15
}
1.RO < .1.NO
1.RO.10.fontColor = #999999
1.ACT < .1.RO
1.ACT.10.fontColor = #00b3ff
2 < .1
2.entryLevel = 2
2.wrap = <div style="float:left">|</div>
2.NO.XY = [10.w]+5, 20
}
Welches folgenden Quellcode erzeugt:
<div id="flashnavi">
<div style="padding-left:57px; float:left; clear:right;">
<a href="index.php?id=241" onfocus="blurLink(this);" onmouseover="over('img241_e615_0');" onmouseout="out('img241_e615_0');"><img src="typo3temp/menu/7429dcf587.gif" alt="" /></a>
<a href="index.php?id=240" onfocus="blurLink(this);" onmouseover="over('img240_e615_1');" onmouseout="out('img240_e615_1');"><img src="typo3temp/menu/50ad4e1cfc.gif" alt="" /></a>
<a href="index.php?id=239" onfocus="blurLink(this);" onmouseover="over('img239_e615_2');" onmouseout="out('img239_e615_2');"><img src="typo3temp/menu/595ce4a2fe.gif" alt="" /></a>
<a href="index.php?id=285" onfocus="blurLink(this);" onmouseover="over('img285_e615_3');" onmouseout="out('img285_e615_3');"><img src="typo3temp/menu/fa07a637c6.gif" alt="" /></a>
<div style="float:left">
<a href="index.php?id=293" onfocus="blurLink(this);" onmouseover="over('img293_35a0_0');" onmouseout="out('img293_35a0_0');"><img src="typo3temp/menu/fa07a637c6.gif" alt="" /></a>
</div>
<a href="index.php?id=288" onfocus="blurLink(this);" onmouseover="over('img288_e615_4');" onmouseout="out('img288_e615_4');"><img src="typo3temp/menu/193e88db29.gif" alt="" /></a>
<a href="index.php?id=238" onfocus="blurLink(this);" onmouseover="over('img238_e615_5');" onmouseout="out('img238_e615_5');"><img src="typo3temp/menu/1437ad91fc.gif" alt="" /></a>
</div>
Wie man evtl. erkennen kann, wird das DIV-Tag mitten zwischen den anderen Menülinks erstellt. Der Safari interpretiert das so, dass erst die ersten Menüpunkte ausgegeben werden, dann die zweite Ebene und dann die anderen Menüpunkte der ersten Ebene. Dem Quelltext nach auch logisch wie ich meine. Gibt es denn eine Möglichkeit die zweite Ebene erst nach den Menülinks der ersten Ebene auszugeben? Ich hoffe ich habe jetzt niemanden verwirrt...