erstmal muss ich etwas Ärger ablassen #evil# Gerade hatte ich den Beitrag fast fertig, als mir der Browser abschmierte. Also alles nochmal von vorne:
--------------------------------------------------------
also ich habe es hinbekommen.
die Sitemap mit grafischen Symbolen.
benötigt werden:
a.) CSS-Angaben
li.sima_s { margin-left:5px;
padding-left:00px;
border-left:0px solid green;
list-style-image:url(/fileadmin/image/sima_s.gif);
list-style-position:inside;
}
li.sima_n { margin-left:5px;
padding-left:00px;
border-left:1px solid black;
list-style-image:url(/fileadmin/image/sima_n.gif);
list-style-position:inside;
}
li.sima_e { margin-left:5px;
padding-left:00px;
border-left:0px solid black;
list-style-image:url(/fileadmin/image/sima_e.gif);
list-style-position:inside;
}
li.sima_n + ul.sima { margin-left:5px;
padding-left:20px;
border-left:1px solid black;
}
ul.sima { margin-left:0px;
padding-left:25px;
border-left:0px solid green;
}
und natürlich b) etwas typoscript:
page.10 {
subparts.CONTENT < styles.content.get
subparts.CONTENT = HMENU
subparts.CONTENT {
entryLevel = 0
wrap = <h3>Sitemap</h3> <ul><li class="sima_s"><a href=""2.0.html">Home</a></li> | </ul>
1 = TMENU
1 {
expAll = 1
wrap = <ul class="sima"> | </ul>
NO.linkWrap = <li class="sima_n"> | </li> |*| <li class="sima_n"> | </li> |*| <li class="sima_e"> | </li>
}
/ :
/ für alle Ebenen identisch
/ :
6 = TMENU
6 {
expAll = 1
wrap = <ul class="sima"> | </ul>
NO.linkWrap = <li class="sima_n"> | </li> |*| <li class="sima_n"> | </li> |*| <li class="sima_e"> | </li>
}
}
}
sima = Sitemap
_s = start (root sieht etwas anders aus als alle anderen Seiten)
_n = normal
_e = ende
die drei Grafiken, die im Stylesheet eingebunden werden:
sima_s.gif - leer, nur zur gleichartigen Einrückung
sima_n.gif - nur ein waagerechter Strich, der eine Verbindung von der senkrechten Linie (=Rahmen) zum aktuellen Punkt herstellt
sima_e.gif - eine Verbindung der senkrechten Linie zum letzten Punkt. Da der IE einen Versatz zur senkrechten Line von einem Pixel hatte sah eine Ecke misslungen aus. Also habe ich einen Viertelkreis benutzt.
Besonderheit: die Styleangabe li.sima_n + ul.sima formatiert ein ul.sima-Tag, das direkt nach einem li.sima_n-Tag folgt. Es kommt zum Einsatz wenn ein Untermenü zu einem Punkt folgt, der nicht der Letzte auf dieser Ebene ist. Hier wird ein linker Rahmen gezeichnet, der sonst (vorher li.sima_e) entfällt.
Das Ergebnis kannst du übrigens hier sehen.
Wenn ich jetzt noch wüsste warum der NS so viel Platz zwischen Grafik und Text lässt und wie man den Abstand verringert (siehe Seite mit IE oder Opera) wär ich ganz glücklich.
------------
zu der Newsgroup:
weder mein Provider hat in seinen über 40000 NGs irgendwelche NGs in der Hierarchie news.netfielders noch google. Ich vermute mal dass du da eine lokale Newsgroup bei deinem Provider hast.
Bernd