Hallo Leute,
ich möchte ein Menü mit vorangestellten Icons erstellen.
Es soll folgendermaßen aussehen:
___<icon>Seite 1
______<icon>Seite 1.1
______<icon>Seite 1.2
______<icon>Seite 1.3
___<icon>Seite 2
___<icon>Seite 3
___<icon>Seite 4
Ich habe die Struktur über vorangestellte Leerzeichen erreicht. Leider werden die Icons alle an den Anfang gestellt:
<icon>___Seite 1
<icon>______Seite 1.1
<icon>______Seite 1.2
<icon>______Seite 1.3
<icon>___Seite 2
<icon>___Seite 3
<icon>___Seite 4
Wie kann ich die Leerzeichen vor die Icons schieben?
Kann mir jemand nen guten Tipp geben?
Danke
sw-student
wie waers, wenn du beim wrappen das folgendermassen machst
temp.NAVIGATION = HMENU
temp.NAVIGATION {
1 = TMENU
1.NO.allWrap = <div><img class="pfeil" src="fileadmin/ast/images/pfeil.gif" alt="" /> | </div>
1.SPC = 1
2 = TMENU
2.NO.allWrap = <div> <img class="pfeil" src="fileadmin/ast/images/pfeil.gif" alt="" /> | </div>
2.SPC = 1
}
Danke für deine Antwort ... lang ist's her ;-)
Hab mittlerweile ein Stylesheet im Einsatz und steuer den Einzug per padding.
Trotzdem interessante Lösung! Danke!
bin noch nicht so lange hier angemeldet und habe das thema gestern beim stöbern entdeckt.
dachte mir wenn ich hier schon infos bekomme, dann kann ich auch mal was zurueck geben.
Das ist die Grundlage einer funktionsfähigen Community.
Happy typoing!
Hab mittlerweile ein Stylesheet im Einsatz und steuer den Einzug per padding
hallo SW-Student!
kannst Du vielleicht kurz erläutern wie du das mit dem stylesheet gemacht hast - und was ist padding??
gruß+dank
volker
Also, du definierst in deinem Stylesheet (muss natürlich vorher im Setup eingebunden werden: page.stylesheet = fileadmin/templates/style.css) die verschiedenen Ebenen deines Menüs:
.ebene1{
padding-left: 12px;
}
.ebene2{
padding-left: 20px;
}
.ebene3{
padding-left: 28px;
}
Dann weißt du innerhalb deines Setup bei deinem Menü die Klassen den einzelnen Ebenen zu:
[...]
1 = TMENU
1 {
expAll = 0
collapse = 1
NO.linkWrap =
NO.ATagParams = class = "ebene1"
}
2 = TMENU
2 {
expAll = 0
collapse = 1
NO.linkWrap =
NO.ATagParams = class = "ebene2"
}
3 = TMENU
3 {
expAll = 0
collapse = 1
NO.linkWrap =
NO.ATagParams = class = "ebene3"
}
[...]
Padding steuert den Einzug. Ebenfalls möglich: padding-right; padding-top; padding-bottom; padding;
hey, das is ja toll - so prompt antwort zu bekommen!
werd´s gleich mal ausprobieren -
vielen dank für´s erste!!
gruß
volker
okay - das klappt nicht, aber vielleicht sollte ich das Ganze Schritt für Schritt angehen - also ich habe 9 Menüpunkte, die auch untereinander angeordnet werden - die nächte Frage ist: wie krieg´ ich´s hin, daß bei MouseOver die zugehörigen Unterpunkte eingeblendet werden??
Die Seite soll mal in etwa so aussehen.
Gruß+Dank
Volker