Bullets, Grafiken in Drupal 6
Eingetragen von nicki (188)am 11.03.2009 - 20:27 Uhr in
Hallo zusammen,
ich möchte die Grafiken vor den einzelnen Punkten in den Boxen tauschen / entfernen. Ich habe schon versucht das in meiner Style.css zu machen. Leider bekomme ich das einfach nicht hin. Irgendwo hier im Forum habe ich gelesen man sollte sich die Drupal.css mal genauer anschauen und dort die passenden Zeilen in seiner eigenen css-Datei überschreiben. Leider kann ich die Drupal.css in Drupal 6 nicht finden. Wie bekomme ich die Zeichen geändert entfernt?
DANKE
- Anmelden oder Registrieren um Kommentare zu schreiben
nicki schrieb ich möchte
am 11.03.2009 - 22:11 Uhr
ich möchte die Grafiken vor den einzelnen Punkten in den Boxen tauschen / entfernen. Ich habe schon versucht das in meiner Style.css zu machen. Leider bekomme ich das einfach nicht hin. Irgendwo hier im Forum habe ich gelesen man sollte sich die Drupal.css mal genauer anschauen und dort die passenden Zeilen in seiner eigenen css-Datei überschreiben. Leider kann ich die Drupal.css in Drupal 6 nicht finden. Wie bekomme ich die Zeichen geändert entfernt?
Einzelne Punkte? Boxen? Zeichen? Du musst schon genauer werden, damit man Dir helfen kann. :)
Sorry, ich habe mich ein
am 11.03.2009 - 22:54 Uhr
Sorry, ich habe mich ein bißchen blöd ausgedrückt. Ich meine die "Kreise" / "Pfeile" vor den Menüeinträgen z.B. in der Menü-Box. So wie ich das ganze heraus bekommen habe muss man in der CSS-Datei die Einträge unter .leaf verändern. Ich habe bereits "list-style-type:none" versucht aber irgendwie will das nicht funktionieren. Hab ich irgendwie einen Denkfehler?
bullets
am 11.03.2009 - 23:26 Uhr
Moin!
Wenn ich mich recht erinnere (was in letzter Zeit ziemlich häufig vorkommt), sind das Hintergrundbilder. Somit sind sie also mittels
li.leaf {background-image: none;
}
zu entfernen.
hth,
Stefan
Moin, das war es nicht.
am 12.03.2009 - 08:53 Uhr
Moin,
das war es nicht. Dieser Eintrag führt nicht zum Erfolg.
Ich habe keine Ahnung aus welchem Grund das nicht funktioniert.
bullets
am 12.03.2009 - 09:00 Uhr
Moin!
Tipp: Firebug verwenden! Damit siehst Du, welche Regeln wie verwendet werden.
Ich seh bei mir wenn ich einen Menüpunkt untersuche folgende CSS-Anweisung:
ul li, ul.menu li,.item-list ul li,
li.leaf {
background: transparent url(images/menu-leaf.gif) no-repeat scroll 1px 0.35em;
list-style-image: none;
list-style-type: none;
padding: 0 0 0.2em 1.5em;
}
Zu finden in style.css (Zeile 123).
Schnell mal eine weitere Anweisung hinzugefügt:
.content ul.menu li.leaf {background-image: none;
}
Und schon ist das kleine runde Etwas vor dem menüpunkt weg.
Stefan
Moin,
am 12.03.2009 - 09:05 Uhr
Moin,
eigentlich ganz einfach. gehe am besten mal mit firebug auf das li dann kannst du sehen welches was überschreibt. genauere selektor angaben werden hier wohl der schlüssel des erfolges sein.
da war der stBorchert mal wieder schneller -_-
Gruß Marius
Vielen Dank. Ich habe mal
am 12.03.2009 - 09:26 Uhr
Vielen Dank. Ich habe mal wieder Firebug vergessen...
Das bringt die Lösung:
.content ul.menu li.leaf {list-style-image: none;
list-style-type: none;
}
DANKE