---
title: "Bulletzeichen verändern"
url: "https://www.typo3.net/d/25600-bulletzeichen-veraendern"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2005-06-07"
last_reply: "2005-06-09"
replies: 37
solved: false
page: 1
pages: 1
lang: "de"
---

# Bulletzeichen verändern

Allgemein · 37 Antworten · gestartet 2005-06-07

## Eröffnungsbeitrag

**Amelia** · 2005-06-07 · [Beitrag #1](https://www.typo3.net/d/25600-bulletzeichen-veraendern/1)

Kann ich mit TypoScript das Layout der Bulletzeichen verändern oder muss ich das über ein css machen ??? Ich verwende die Bullets für die Darstellung von Menüpunkten, welche dementsprechend durch eine Schleife laufen...

## Antworten

### [#2](https://www.typo3.net/d/25600-bulletzeichen-veraendern/2) · just2b · 2005-06-07

du kannst das zB ganz billig machen und das zeichen einfach ändern, oder übers setup mit zB

```typoscript
tt_content.bullets.20.3.wrap = |
tt_content.bullets.20.3.split.1.wrap = <div class="bullet">&nbsp; &nbsp; <img height="8" width="16" src="media/bullets/arrow.png" alt="" /> &nbsp; &nbsp;  |  </div>
```

oder du kannst direkt über css das machen => <http://de.selfhtml.org/css/eigenschaften/listen.htm>

### [#3](https://www.typo3.net/d/25600-bulletzeichen-veraendern/3) · Amelia · 2005-06-07

Das versteh ich ja gar nicht:

```typoscript
tt_content.bullets.20.3.wrap
```

Wop kommt das her ? tt_content spricht man damit nciht direkt die Datenbank an ? und was ist 20.3. ???   :o

### [#4](https://www.typo3.net/d/25600-bulletzeichen-veraendern/4) · just2b · 2005-06-07

das hat nix mit der DB zu tun!
geh mal auf dein root template=> template-ansicht => rechts obn im dropdown typoscript object browser auswählen!
hier siehst du, wie alles aufgebaut hat, und kannst auch hier die daten ändern

.3 => wenn du ein Element "Punktliste" anlegst, kannst du aus verschiedenen Layouts auswählen, und das müsste die Nr 3 sein

### [#5](https://www.typo3.net/d/25600-bulletzeichen-veraendern/5) · Liberation · 2005-06-07

das macht man mit CSS.

.meinmenu UL {
list-style-image: url(images/bulletrd.gif);
}

### [#6](https://www.typo3.net/d/25600-bulletzeichen-veraendern/6) · Amelia · 2005-06-07

habs im css gemacht, aber irgendwie ignoriert er meinem ul-inhalt ;(
was mache ich nur falsch ???

css:

```typoscript
ul {style="list-style-image:url(fileadmin/images/qadrat.gif)"}
```

html:

```typoscript
<ul>###SUBNAVIGATION###</ul>
```

template:

```typoscript
  marks.SUBNAVIGATION.1 {
    NO {
      allWrap = <li>|</li> 
.....
```

Könnte das Problem evtl sein, dass mein css nur im Template nicht aber im HTML eingebudnen ist!?  #paralyzed#

### [#7](https://www.typo3.net/d/25600-bulletzeichen-veraendern/7) · just2b · 2005-06-07

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

### [#8](https://www.typo3.net/d/25600-bulletzeichen-veraendern/8) · Amelia · 2005-06-07

okay mein fehler. habs nochmal geändert:

html:

```typoscript
###SUBNAVIGATION###
```

css:

```typoscript
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 !?)

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

### [#9](https://www.typo3.net/d/25600-bulletzeichen-veraendern/9) · just2b · 2005-06-07

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 ?

### [#10](https://www.typo3.net/d/25600-bulletzeichen-veraendern/10) · Amelia · 2005-06-07

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:

```typoscript
<ul class="subnavi"><li><a href=".........</li></ul>
```

### [#11](https://www.typo3.net/d/25600-bulletzeichen-veraendern/11) · Liberation · 2005-06-07

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

```html
#content_menu ul.subnavi li {
list-style-image: url(images/bulletrd.gif);
color: red;
}
```

### [#12](https://www.typo3.net/d/25600-bulletzeichen-veraendern/12) · Amelia · 2005-06-08

ähm das versteh ich nicht!

```typoscript
#content_menu ul.subnavi li
```

kann mir mal bitte jemand diese syntax erklären !?

und mir das vielleicht mal an meinem beispiel zeigen??

```typoscript
  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 !?  :'(

### [#13](https://www.typo3.net/d/25600-bulletzeichen-veraendern/13) · just2b · 2005-06-08

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

### [#14](https://www.typo3.net/d/25600-bulletzeichen-veraendern/14) · Amelia · 2005-06-08

aber mit # kommentiere ich doch aus im typo3
und was sagt mir: content_menu ???

### [#15](https://www.typo3.net/d/25600-bulletzeichen-veraendern/15) · Moeffz · 2005-06-08

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

### [#16](https://www.typo3.net/d/25600-bulletzeichen-veraendern/16) · just2b · 2005-06-08

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

### [#17](https://www.typo3.net/d/25600-bulletzeichen-veraendern/17) · Amelia · 2005-06-08

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:

```typoscript
ul.subnavi { list-style-image:url(/images/quadrat.gif); list-style-position:outside; }
```

und im typo3 steht dann:

```typoscript
  marks.SUBNAVIGATION.1 {
    wrap = <ul class="subnavi">|</ul>    
    NO {
      allWrap = <li>|<br /></li>
    }
```

was soll denn daran falsch sein ???

### [#18](https://www.typo3.net/d/25600-bulletzeichen-veraendern/18) · just2b · 2005-06-08

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

### [#19](https://www.typo3.net/d/25600-bulletzeichen-veraendern/19) · Amelia · 2005-06-08

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#

### [#20](https://www.typo3.net/d/25600-bulletzeichen-veraendern/20) · Amelia · 2005-06-08

@just2b:

HTML-Quellcode sieht jetzt so as:

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

### [#21](https://www.typo3.net/d/25600-bulletzeichen-veraendern/21) · just2b · 2005-06-08

*Argl*!!!!

#angry#  #angry#

das color:red bitte INS css!!

```html
style="list-style-image:url(/images/quadrat.gif); list-style-position:outside; color:red;"
```

#evil#

ists rot?

### [#22](https://www.typo3.net/d/25600-bulletzeichen-veraendern/22) · Amelia · 2005-06-08

Nix ist rot und

CSS:

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

HTML:

```typoscript
<ul class="subnavi"><li><a.....
```

### [#23](https://www.typo3.net/d/25600-bulletzeichen-veraendern/23) · Amelia · 2005-06-08

css so:

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

passiert auch nix  :'(

### [#24](https://www.typo3.net/d/25600-bulletzeichen-veraendern/24) · just2b · 2005-06-08

komisch dass bei mir geht,

```typoscript
marks.MENU2 = HMENU
marks.MENU2.1 = TMENU
marks.MENU2.1 {
	wrap =  <ul class="subnavi">|</ul>
noBlur = 1
	NO = 1
	NO.linkWrap = <li>|</li>
}
```

css:

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

### [#25](https://www.typo3.net/d/25600-bulletzeichen-veraendern/25) · Amelia · 2005-06-08

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...  :'(

### [#26](https://www.typo3.net/d/25600-bulletzeichen-veraendern/26) · Amelia · 2005-06-08

hab jetzt nochmal haargenau deinen code kopiert und es fkt einfach nicht...  #angry#

### [#27](https://www.typo3.net/d/25600-bulletzeichen-veraendern/27) · Moeffz · 2005-06-08

Die anderen Einstellungen im CSS funktionieren? Also die Einstellungen für die anderen Bereiche. Im Header des Quellcodes Deiner Seite wird also korrekt auf die CSS-Datei verwiesen?

### [#28](https://www.typo3.net/d/25600-bulletzeichen-veraendern/28) · Amelia · 2005-06-08

@Moeffz

Ja alles funktioniert, sonst würde ich mich nicht wundern :(

### [#29](https://www.typo3.net/d/25600-bulletzeichen-veraendern/29) · Amelia · 2005-06-08

Nochmal zum Abschluß ein kurzes Statement wie ich das Problem jetzt gelöst habe. Vielleicht etwas unprofessionell, aber es funktioniert! :o)

Ich habe es nicht mehr über Listen gemacht, wie ich es vor hatte, sondern einfach ein Bild vor jeden Menüpunkt und die Formatierung des ganzen über entsprechend leere gifs.

Und so sieht mein Typo-Script Code jetzt aus:

```typoscript
  marks.SUBNAVIGATION.1 {
    NO {
      beforeImg = fileadmin/images/quadrat2.gif 
      before = <img src="fileadmin/images/spacer_long.gif" alt="" /></img> 
      allWrap = | <br />
      ATagParams = class="sub"
    }
```

und der HTML-Quellcode sieht jetzt so aus:

```typoscript
<td><img src="fileadmin/images/quadrat2.gif" alt="" /><img src="fileadmin/images/spacer_long.gif" alt="" /><a href.....
```

### [#30](https://www.typo3.net/d/25600-bulletzeichen-veraendern/30) · Liberation · 2005-06-08

Hi Amelia,
Wenn du es professionell haben willst dann schreib mich icq an ich mach dir das dann online zurecht.

icq: 162908769

Gruss

### [#31](https://www.typo3.net/d/25600-bulletzeichen-veraendern/31) · Amelia · 2005-06-08

Danke für Dein Angebot! Habe gerade mit Chef gesprochen, der meint das ist okay so. Kann es also so lassen. Ich habe aber noch ein kleines Problem. :)

Ich habe vor jedem Menüpunkt (vertikales Menü) ein gif eingefügt.
Wie kann ich in TypoScript sagen, dass vor jedem Menüpunkt ein gif sein soll, ausser vor dem ersten !  o.O

--> Also ich will das erste gif weg haben :/

### [#32](https://www.typo3.net/d/25600-bulletzeichen-veraendern/32) · just2b · 2005-06-08

siehe optionsplit

### [#33](https://www.typo3.net/d/25600-bulletzeichen-veraendern/33) · Moeffz · 2005-06-08

Mit OptionSplit.

### [#34](https://www.typo3.net/d/25600-bulletzeichen-veraendern/34) · Amelia · 2005-06-09

Okay hab mir die Snytax dazu mal angeschaut. Hört sich gut an. Aber wie mach ich das bei meinem Konstrukt ???

```typoscript
  marks.SUBNAVIGATION.1 {
    NO {
      beforeImg = fileadmin/images/quadrat2.gif 
      before = <img src="fileadmin/images/spacer_long.gif" alt="" /></img> 
      allWrap = | <br />
      ATagParams = class="sub"
    }
```

Wie bau ich das da ein ??? Ich will, dass vor dem ersten Element dieses Image nicht ist: <img src="fileadmin/images/spacer_long.gif" alt="" /></img>  nicht enthält! :o

### [#35](https://www.typo3.net/d/25600-bulletzeichen-veraendern/35) · just2b · 2005-06-09

> **Amelia schrieb:**
>
> Okay hab mir die Snytax dazu mal angeschaut. Hört sich gut an. Aber wie mach ich das bei meinem Konstrukt ???

syntax allein **anschauen** ist erst die halbe miete...
wie wärs wenn du sie mal ausprobierst? #evil#
das motto "habs gesehen, forum bitte mach" wird deiner signatur nie gerecht werden!  #paralyzed#

<https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Functions/OptionSplit.html>
=> mit vielen beispielen!

TS:	backColor = red || yellow || green kommt deinem Beispiel verdammt nahe!

### [#36](https://www.typo3.net/d/25600-bulletzeichen-veraendern/36) · Amelia · 2005-06-09

hahaha was meinst, was ich die letzte halbe std getan habe ??? :o)

```typoscript
allWrap = <table><tr><td><img src = "fileadmin/images/quadrat2.gif"> &nbsp;</td></tr>|*| <tr><td><img src = "fileadmin/images/quadrat2.gif"> &nbsp;</td></tr> |*| <tr><td><img src = "fileadmin/images/quadrat2.gif"> &nbsp;</td></tr></table>
```

geht nicht! :(

### [#37](https://www.typo3.net/d/25600-bulletzeichen-veraendern/37) · just2b · 2005-06-09

ja das wunder wohl aber nicht!   #angry#
und das **"TS: backColor = red || yellow || green kommt deinem Beispiel verdammt nahe!"** hast du wohl auch überlesen, oder?

und warum spielst du auf einmal mit dem allwrap, wenn du das beforeImg mit  optionsplit behandeln möchtest???

**aus der DOKU: ||    - splits each of the first, middle, last in subparts
Here the first-part is split into subparts. The third subpart is repeated because the menu has five items.

TS:	backColor = red || yellow || green**
    Introduction        (red)        first, subpart 1
    Who are we?        (yellow)        first, subpart 2
    Business        (green)        first, subpart 3
    Contact        (green)        first, subpart 3 (repeated)
    Links        (green)        first, subpart 3 (repeated)

und wie schaut das bei dir aus? doch ähnlich! #evil#  #evil#

also => before = NIX || IMAGE || IMAGE

### [#38](https://www.typo3.net/d/25600-bulletzeichen-veraendern/38) · Amelia · 2005-06-09

THE END:

```typoscript
marks.SUBNAVIGATION.1 {
 NO {
  allWrap = 
  <table>
  <tr><td><img src="fileadmin/images/quadrat2.gif" alt="" />|</td></tr>|*|
  <tr><td height="19"><img src="fileadmin/images/quadrat2.gif" alt="" />|/td></tr>|*|
  <tr><td height="19"><img src="fileadmin/images/quadrat2.gif" alt="" />|</td></tr>
  </table>
  ATagParams = class="sub"
 }
```

Hoffe, ihr nehmt mit meine Fragerei nicht übel!
Aller Anfang ist schwer !!!  8-)  DANKE nochmal für Eure Geduld!!!  :)
Sobald die Seite online ist, kann ich Euch ja das Produkt noch zeigen! Wenn ihr wollt !? :o)

---

Quelle: „Bulletzeichen verändern“, typo3.net, https://www.typo3.net/d/25600-bulletzeichen-veraendern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.