Bulletzeichen verändern

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#

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?

@Moeffz

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

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:

  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:

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

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

icq: 162908769

Gruss

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

siehe optionsplit

Mit OptionSplit.

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

  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