ich verwende ein textmenue mit CSS formatierung allerdings ohne dass das menue als html-liste aufgebaut ist weil ein bug im IE die ausblendung der listenpunkte verhindert.
ich würde nun gerne hinter den letzten eintrag meines menues (auf der 2. ebene - dem submenue) einen abschliessenden leeren absatz (<p>) einbinden um den abstand zu den nachfolgenden menuepunkten etwas zu vergrössern. wo und wie müsste ich das einbinden?
ps:
momentan habe ich eine spacer seite im einsatz - würde darauf aber gerne verzichten um den redakteuren später das anlegen neuer strukturen zu erleichtern.
lib.mainMenu.2 = TMENU
lib.mainMenu.2.noBlur = 1
lib.mainMenu.2 {
noBlur = 1
NO = 1
NO {
ATagTitle.field = abstract // description // title
wrapItemAndSub = <p class="submenue">|</p>
}
CUR < .NO
CUR.doNotLinkIt = 1
CUR.wrapItemAndSub = <p class="sonderfarbe1">|</p>
}
mit optionsplit wär das richtig:
ein Bsp wo 1. + letzte Item einen eigenen wrap bekommen:
NO.wrapItemAndSub = <li class="first">|</li> |*| <li>|</li> |*| <li class="last">|</li>
weil ein bug im IE die ausblendung der listenpunkt
wäre mir neu 😉 aber ich lass mich gern belehren
georg
also man kann im IE natürlich grundsätzlich die listenpunkte ausblenden. allerdings blendet er sie - zumindest bei mir - nicht für eine css-klasse aus.
da es im firefox funktioniert gehe ich mal von einem IE-bug aus - lasse mich aber natürlich auch diesbezüglich gerne eines anderen belehren 😉
optionssplit probiere ich gleich mal aus - danke
ich tipp mal ganz stark auf einen bug in deinem css-code
georg
just2b schrieb
ich tipp mal ganz stark auf einen bug in deinem css-code
georg
vielleicht war ich in der beschreibung meines CSS nicht konkret genug.
ich verwende für die listenpunkte eine grafik.
ich habe es auch nochmal getestet und es gibt bei mir einen darstellungsunterschied zwischen dem IE und firefox
hier der html-testcode
<li>eine liste</li>
<li>mit listenpunkten</li>
<li class="submenue">submenue1</li>
<li class="submenue">submenue2</li>
<li>und noch mehr punkte</li>
</ul>
hier der CSS Testcode
ul {list-style:url(img/listquadrat.gif)}
.submenue {list-style:none}
hast du dafür einen rat parat?
nachtrag:
bin gerade selbst draufgekommen. ich kann der klasse einfach ein anderes listenbild zuweisen - z.b. ein durchsichtiges gif - scheint sogar zu funktionieren (mist - ich hätte das problem schon früher so isoliert betrachten sollen :o )
ich machs eigentlich immer über ein background image (background: url(.....gif) 50% 5% no-repeat😉
georg
der vollständigkeit halber hier noch die funktionierende lösung mit optionsplit (menue nicht als html-liste).
lib.mainMenu.2 = TMENU
lib.mainMenu.2.noBlur = 1
lib.mainMenu.2 {
noBlur = 1
NO = 1
NO {
ATagTitle.field = abstract // description // title
wrapItemAndSub = <p class="submenue">|</p> |*| <p class="submenue">|</p> |*| <p class="submenue">|</p><br />
}
CUR < .NO
CUR.doNotLinkIt = 1
CUR.wrapItemAndSub = <p class="sonderfarbe2">|</p>
}