Zum Inhalt springen

Bulletzeichen verändern

Erstellt am 7. Juni 2005 · 37 Antworten · letzte Antwort am 9. Juni 2005 · Seite 1 von 2

Tags: Frage

just2b ·

egal wo du das css einbindest, es muss so ausschaun:
ul {list-style-image:url(list_style_image.gif);}

Amelia ·

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!!!

just2b ·

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 ?

Amelia ·

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>
Liberation ·

.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;
}
Amelia ·

ä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 !? 😢

just2b ·

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

just2b ·

#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....

Amelia ·

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 ???

just2b ·

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

Amelia ·

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#

Amelia ·

@just2b:

HTML-Quellcode sieht jetzt so as:

<ul style="list-style-image: url(fileadmin/images/qadrat.gif)"; color="red"><li><a href=
just2b ·

*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?

Amelia ·

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.....
Amelia ·

css so:

ul.subnavi {style="list-style-image:url(/images/quadrat.gif); list-style-position:outside; color:red;"}

passiert auch nix 😢

just2b ·

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;}
Amelia ·

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... 😢