egal wo du das css einbindest, es muss so ausschaun:
ul {list-style-image:url(list_style_image.gif);}
Bulletzeichen verändern
okay mein fehler. habs nochmal geändert:
html:
###SUBNAVIGATION###
css:
ul.subnavi {list-style-image:url(fileadmin/images/qadrat.gif); list-style-position:outside;}
hier mal den ganzen template-ausschnitt (vielelicht liegt ja da der fehler !?)
marks.SUBNAVIGATION = HMENU
marks.SUBNAVIGATION.entryLevel = 1
marks.SUBNAVIGATION.1 = TMENU
marks.SUBNAVIGATION.1.wrap = <ul class="subnavi">|</ul>
marks.SUBNAVIGATION.1 {
NO {
allWrap = <li>|</li>
ATagParams = class="sub"
}
ACT = 1
ACT {
allWrap = <li>|</li>
ATagParams = class="subaktiv"
}
}
funktioniert trotzdem nicht 🙁 mano!!!
wenn die css-datei zB in fileadmin/templates/ liegt, du dann das image mit fileadmin/images/qadrat.gif ansprichst, so müsste dies hier liegen: fileadmin/templates/fileadmin/images/qadrat.gif => tut es das?
und ob das ul.subnavi stimmt? wie wärs mit .subnavi ul ?
hää??? also das versteh ich jetzt beides nicht #angry# ich glaub, ich sollte nach hause gehen..
die css-datei liegt in fileadmin/css
die ausgabe im quelltext sieht übriegens okay aus:
<ul class="subnavi"><li><a href=".........</li></ul>
.subnavi ul wär vom syntax her falsch schau doch wie sein TS ist: <ul class="subnavi">|</ul>
dann eher so z.b. :
#content_menu ul.subnavi li {list-style-image: url(images/bulletrd.gif);}
link zum bild muss natürlich stimmen🙂
kannst das ansprechen des CSS ja mal testen durch setzten einer font farbe:
#content_menu ul.subnavi li {
list-style-image: url(images/bulletrd.gif);
color: red;
}
ähm das versteh ich nicht!
#content_menu ul.subnavi li
kann mir mal bitte jemand diese syntax erklären !?
und mir das vielleicht mal an meinem beispiel zeigen??
marks.SUBNAVIGATION = HMENU
marks.SUBNAVIGATION.entryLevel = 1
marks.SUBNAVIGATION.1 = TMENU
#marks.SUBNAVIGATION.1.wrap = <ul class="subnavi">|</ul>
marks.SUBNAVIGATION.1 {
NO {
allWrap = <il><br />|</il>
ATagParams = class="sub"
}
ACT = 1
ACT {
allWrap = <il><br />|</il>
ATagParams = class="subaktiv"
}
}
Ich komme hier einfach nicht weiter!! PLEASE HELP !!!! o.O
Es kann doch nicht so schwer sein, ein Menü in einer Liste darzustellen mit eigenen im css definierten Bullets, oder !? 😢
hallo,
am besten schaust du dir das _nicht_ im typo an sondern erstellst dir eine dummy-html seite mit dem editor deiner wahl und dann siehst du gleich wie sich was auswirktt!
#content_menu ul.subnavi li
immer von links nach rechts lesen =>
# => damit sprichst du die id von divs an
ul.subnavi => ul, der du die klasse subnavi zugewiesen hast
li => li
lg
ps: das ist ein vor allem ein css-problem
aber mit # kommentiere ich doch aus im typo3
und was sagt mir: content_menu ???
Vielleicht solltest Du Dir mal ein paar Sachen in CSS ansehen...
Für allgemeine Sachen:
http://de.selfhtml.org
Bspielmenüs gibt's hier:
http://css.maxdesign.com.au/listamatic/
Dann weißt Du auch, wo das '#' herkommt (Tipp: nicht aus dem TS).
#content_menu ul.subnavi li => das geört ins css-file
kA, content_menu hab ich _nicht_ ins spiel gebracht, IMO brauchst du es also auch nicht....
also das hab ich doch alles getan. hab ein typo3 buch hier und ein css-buch und daher bin ich doch auf folgenden css-code gekommen.
css:
ul.subnavi { list-style-image:url(/images/quadrat.gif); list-style-position:outside; }
und im typo3 steht dann:
marks.SUBNAVIGATION.1 {
wrap = <ul class="subnavi">|</ul>
NO {
allWrap = <li>|<br /></li>
}
was soll denn daran falsch sein ???
schreib mal color:red; noch ins css file dazu.... wenn das ganze nicht rot ist, dann poste den html-code (nicht den ganzen bitte), falls es rot ist, dann ist der pfad falsch
jetzt versteh ich was ihr wollt:
ich soll im html die <ul> liste definieren und dann über eine id die entsprechende formatierung aus dem css einbinden (daher auch das rautezeichen!). das kann ich aber nicht tun, da ich im html ja nen marker gesetzt habe, da meine listen-objekte ja menüpunkte sind (und ich kann ja schlecht <ul>###MARKER####</ul> schreiben- das bringt ja gar nichts!!!). daher habe ich die listen-definition direkt im typoscript-template!!! was aber irgendwie nicht funktioniert. ich versteh nur nicht, warum nicht!!! #angry#
@just2b:
HTML-Quellcode sieht jetzt so as:
<ul style="list-style-image: url(fileadmin/images/qadrat.gif)"; color="red"><li><a href=
*Argl*!!!!
#angry# #angry#
das color:red bitte INS css!!
style="list-style-image:url(/images/quadrat.gif); list-style-position:outside; color:red;"
#evil#
ists rot?
Nix ist rot und
CSS:
ul.subnavi { list-style-image:url(/images/quadrat.gif); list-style-position:outside; color:red;}
HTML:
<ul class="subnavi"><li><a.....
css so:
ul.subnavi {style="list-style-image:url(/images/quadrat.gif); list-style-position:outside; color:red;"}
passiert auch nix 😢
komisch dass bei mir geht,
marks.MENU2 = HMENU
marks.MENU2.1 = TMENU
marks.MENU2.1 {
wrap = <ul class="subnavi">|</ul>
noBlur = 1
NO = 1
NO.linkWrap = <li>|</li>
}
css:
ul.subnavi {list-style-image:url(/images/quadrat.gif); list-style-position:outside; color:red;}
ich sag ja: es sieht alles richtig aus, ich weiss einfach nicht wo das problem liegt.. der html-quellcode sieht auch super aus.. mano ich bin echt am verzweifeln hier... 😢
hab jetzt nochmal haargenau deinen code kopiert und es fkt einfach nicht... #angry#