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