Menü ohne Einzug !!
Eingetragen von choosey (4)am 02.06.2011 - 04:08 Uhr in
Hallo,
Menüs sind Listen in drupal. Ich möchte gerne grundsätzlich Menüs ohne linken Einzug darstellen – sowohl in der vertikalen, als auch in der horizontalen Anordnung. Gibt es eine saubere ! Methode, Menüs (Listen) so zu programmieren, dass diese links bündig mit normalen Text schliessen.
Beispielmenü:
• eins
• zwei
hallo text…soll so aussehen:
eins
zwei
hallo textIch bin sehr dankbar für guten Rat. Mich plagt dieses Problem immer wieder.
- Anmelden oder Registrieren um Kommentare zu schreiben
CSS
am 02.06.2011 - 09:19 Uhr
Das kannst Du doch ganz bequem rein nur über CSS lösen. Dazu kannst Du z.B. über list-style die Punkte entfernen und die Position der Menüpunkte über margin / padding beeinflussen. Installiere Dir am besten Firebug für den Firefox, dann kannst Du Dir ganz einfach die entsprechenden Stellen anzeigen lassen.
Theme-CSS greift nicht
am 02.06.2011 - 11:54 Uhr
Danke. In einer Test-Datei funktioniert das auch sehr gut.
<ul style="list-style-type:none; margin:0; padding:0;"><li>eins</li>
<li>zwei</li>
</ul>
<p>hallo</p>
Aber in drupal habe ich Probleme damit. Es handelt sich um die Hauptlinks (Primary Links) und mein Theme-CSS greift nicht. Es scheint, als würde hier noch irgendein drupal-internes CSS meines überschreiben. Hier bleibe ich immer wieder kleben. Was kann ich tun, ich komme nicht weiter? Muss ich einen Code irgendwo einfügen, um drupal-interne CSS-Dateien zu überschreiben?
Nimm den FIREBUG ... der
am 02.06.2011 - 11:59 Uhr
Nimm den FIREBUG ... der verrät Dir alle Anweisungen zu einem Element! Und Du siehst, welche Anweisungen du zu überschreiben hast.
-> http://www.thoor.de/drupal/video-tutorial/css-easy-way-mit-firefox-firebug
-> http://www.thoor.de/drupal/css-kniffe/css-design-einfach-mit-firefox-und...
system-menus.css
am 02.06.2011 - 12:12 Uhr
Ich habe jetzt unter modules/system/system-menus.css geöffnet und angeschaut. Daraus den entsprechenden Teil in mein Theme-CSS kopiert und abgeändert. Jetzt klappt es :)
ul.links li {display: inline;
list-style-type: none;
padding: 0;
}
Danke! Firebug ist cool.
Zitat: Danke! Firebug ist
am 02.06.2011 - 12:33 Uhr
Danke! Firebug ist cool.
Alternativ hast Du dazu im IE auch die Entwicklertools (über F12 zu erreichen), es gibt Entwicklertools im Opera und auch der Chrome verfügt darüber ;-)