(gelöst) CSS list-style-type in Menü Blöcken
Eingetragen von Timbalord (217)am 25.05.2009 - 16:38 Uhr in
Hallo zusammen,
ich habe folgendes Problem.
Für verschiedenen Sektionen auf der Seite habe ich 9 Menüs angelegt.
Jedes dieser Menüs wird mir nun als unordered list angezeigt. Soweit auch in Ordnung.
Beim Versuch, diese Listen zu mit css zu gestalten, stoße ich scheinbar an die Grenzen.
In der Datei system-menus.css aus dem Core werden diese Listen mit einer Grafik als list-style-type gestaltet.
Wie überschreibe ich nun diese Regel?
Ich habe bereits alles versucht:
Bsp: Links im Footer
#footer li{
list-style-type:none;
}
#footer ul li{
list-style-type:none;
}
ich habe auch schon den orginal Befehl aus der system-menus.css überschrieben in meiner CSS Datei. Interessiert ihn auch nicht. Ich will die system-menus.css nicht anfassen, da ich sonst ja nicht updatefähig bin. Auch habe die Datei schon in mein Theme Verzeichnis gepackt und dann geändert. Auch ohne Erfolg.
So schwer kann das doch nicht sein, oder?
- Anmelden oder Registrieren um Kommentare zu schreiben
background-image
am 25.05.2009 - 20:28 Uhr
So schwer kann das doch nicht sein, oder?
Nein, natürlich nicht. Du musst mit background-image arbeiten. In der style.css deines Themes folgendes:
#footer ul.menu li,#footer .item-list ul li,
#footer li.leaf,
#footer ul li.expanded,
#footer ul li.collapsed {
background-image: none;
}
Damit sind alle erdenklichen Grafiken im Footer weg. Du musst dann nur noch die Abstände korrigieren (padding), da diese so nicht verändert werden, sondern erhalten bleiben.
Keine Änderung,
am 25.05.2009 - 20:40 Uhr
Keine Änderung, leider.
Mein Quellcode an den betreffenden Stellen sieht so aus:
<div id="footer-wrapper">
<div id="footer">
<span id="thmr_77" class="thmr_call">
<span id="thmr_107" class="thmr_call">
<div id="block-menu-menu-footerlinks-2" class="block block-menu">
<h2>RSS-Feed:</h2>
<div class="content">
<span id="thmr_86" class="thmr_call">
<ul class="menu"><span id="thmr_79" class="thmr_call">
<li class="leaf first active-trail"><span id="thmr_78" class="thmr_call">
<a href="/" title="" class="active">Alle Inhalte</a></span>
Cache gelehrt aber die textdekoration meiner li elemente bleibt.
Habe zusätzlich diese Variante probiert
#footer .block-menu ul.menu li,#footer .block-menu .item-list ul li,
#footer .block-menu li.leaf,
#footer .block-menu ul li.expanded,
#footer .block-menu ul li.collapsed {
background-image: none;
list-style-type:none;
}
Gruß
Dennis
CSS Dateien zusammengefasst?
am 25.05.2009 - 22:07 Uhr
Keine Änderung, leider.
Die CSS Dateien hast du aber nicht zusammengefasst, oder?
Probier mal alles weg zu lassen und nur folgendes einzutragen. Normalerweise betrifft dies dann die komplette Seite und es wird in keiner Navigation eine Grafik angezeigt.
ul.menu li,.item-list ul li,
li.leaf,
ul li.expanded,
ul li.collapsed {
background-image: none;
}
Sollte dies nicht funktionieren, was es eigentlich muss, dann teile weitere Einzelheiten mit. Welches Theme setzt du ein, wie ist dieses konfiguriert, wird ein color Modul verwendet, usw.? Oder einfacher: zeig uns deine Seite.
Welchen Browser setzt du ein? Der IE hat manchmal die Angewohnheit, trotzdem den alten Style anzuzeigen. Auch dort den Cache löschen und die Seite neu aufrufen, nicht einfach nur neu laden.
teste mal: #footer li{
am 26.05.2009 - 07:10 Uhr
teste mal:
#footer li{list-style: none none;
}
probiers mal mit !important
am 26.05.2009 - 14:58 Uhr
probiers mal mit !important hinter deiner deklaration und informiere dich über die spezifizität
{ list-style-type: none !important; }
list-style-image?
am 26.05.2009 - 16:26 Uhr
Hallo zusaammen,
das Problem liegt ja an der Bilddatei und nicht am list-style-type, denk ich mal.
Setz doch einfach mal
list-style-image: none;Zum anderen kann ich nichts sagen, denke aber dass es effektiv an der Grafik liegt und diese wird mit list-style-type - glaube ich, nicht beeinflusst.
Ein Versuch kann ja nicht schaden, ich bin mir ziemlich sicher in meiner Aussage.
Gruss
Fredi
das wars, vielen dank.
am 27.05.2009 - 11:11 Uhr
das wars, vielen dank.