Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Anfängerfragen ›

[Firebug] geloest

Eingetragen von mibadix (237)
am 02.07.2016 - 09:37 Uhr in
  • Anfängerfragen
  • Drupal 7.x

Hallo Forum,

meine Frage ist wahrscheinlich etwas banal aber wenn ich Firebug verwende, um zu erkenn, wie ich CSS anpasse, habe ich immer wieder Schwierigkeiten zu erkennen, wo die einzelnen Elemente zu finden und anzupassen sind. Gibt es ein einfaches Tutorial zu Firebug, woraus ich den Umgang leicht erkennen und lernen kann?
Danke.
Viele Gruesse

‹ Leere Seite nach Colorbox installation [Firebug] geloest ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Man macht die Änderungen

Eingetragen von wla (9461)
am 02.07.2016 - 10:35 Uhr

Man macht die Änderungen immer in einem eigenen CSS-File, den man ans Ende der Liste von CSS-Dateien setzt. Damit überschreiben die dort gesetzten Werte die alten und es ist völlig egal, wo die zum ersten Male gesetzt wurden. Alles andere führt nur zu Problemen, wenn Du mal das ein oder andere Modul oder Theme updaten willst.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Suche mal nach "firebug

Eingetragen von Jenna (1883)
am 02.07.2016 - 11:48 Uhr

Suche mal nach "firebug tutorial deutsch".

Da kommen einige Video Tutorials die dir helfen sollten.

Grüße Jenna

  • Anmelden oder Registrieren um Kommentare zu schreiben

Vielen Dank fuer Euere

Eingetragen von mibadix (237)
am 02.07.2016 - 15:59 Uhr

Vielen Dank fuer Euere Antworten.
Habe mir die Tutorials angesehen. Wollt enun folgendes loesen: eine Liste mit views erstellt sollte list-style:disc zeigen. Habe dann in views advanced demm CSS den Namen viewlist gegeben.
Anschliessend habe ich das style.css geoeffnet und am Ende folgende Zeile angehaengt:
ul viewlist {list-style:disc; }
Habe dann Cache geleert, es blieb aber alles beim alten, kein disc erschien in der Liste. Koennt Ihr mir weiterhelfen?
Vielen Dank im voraus.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Eine Class hat einen Punkt

Eingetragen von Jenna (1883)
am 02.07.2016 - 16:40 Uhr

Eine Class hat einen Punkt davor, also ul.viewlist {list-style: disc;}

Eine ID hat das Rautezeichen davor #mein-id-stylename

Guck dir am besten zum Vergleich an wie die anderen Werte geschrieben sind die schon funktionieren.

http://www.w3schools.com/css/default.asp

Grüße Jenna

  • Anmelden oder Registrieren um Kommentare zu schreiben

Vielen Dank Jenna,habe es

Eingetragen von mibadix (237)
am 02.07.2016 - 18:59 Uhr

Vielen Dank Jenna,

habe es nun geaendert, wie von Dir geraten und im Tutorial beschrieben. Geht aber noch nicht, irgendwas mache ich noch falsch (und habe nicht richtig verstanden), habe es auch mit anderem Befehl: background-color versucht, ging auch nicht.
Ist das 1. Mal, dass ich CSS Aufruf in View versuche.
Habe mir auch das folgende Tutorial durchgelesen:
https://www.ostraining.com/blog/drupal/css-views/

... hast Du noch eine Idee?

die Seite:
http://www.orthobz.eu/miship.
Die Liste unter Therapy sollte einen List-style: disc erhalten

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hast Du es schon mal mit !important versucht

Eingetragen von maria-rita (504)
am 02.07.2016 - 19:53 Uhr

Hallo,

manchmal ist es notwendig beim CSS-Eingabe noch das Wort !important dahinter einzufügen. also z.B. .text {text-align: center !important;}

Viele herzliche Grüße

Marita Betz

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke fuer Euere

Eingetragen von mibadix (237)
am 03.07.2016 - 07:43 Uhr

Danke fuer Euere Ratschlaege.
Habe in style.css den Befehl
ul.viewslist { background-color:yellow !important; } eingegeben; nur um zu sehen,ob ueberhaupt etwas passiert.
Wenn ich nun mit Firebug den View Block Therapy ansehe
http://www.orthobz.eu/hipprosthesis
erfolgt der Aufruf der Class Viewslist - aber von dem eingegebenen Befehl ist nichts zu sehen.

Firebug gibt ein anderes CSS an als style.css. Also habe ich auch dort
ul.viewslist { background-color:yellow !important; }
eingegeben, aber die Background-Farbe bleibt immer gleich.

Was mache ich falsch? Gebe ich die Befehle am falschen Ort ein ?
Vielen Dank!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Habe einen Fehler

Eingetragen von mibadix (237)
am 03.07.2016 - 08:25 Uhr

Habe einen Fehler gefunden:
in style.css musste ich
folgendes eingeben:
.viewslist {background-color:grey;}
Damit kann ich nun die Background Farbe der Viewsliste Therapy veraendern.

Aber wo bringe ich nun die unordered list mit disc ein?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Die Liste unter Therapy ist

Eingetragen von Stefan.Korn (286)
am 03.07.2016 - 14:06 Uhr

Die Liste unter Therapy ist keine HTML-Liste. Daher wirkt auch das CSS list-style nicht. Wenn Du eine HTML-Liste willst, solltest Du auch eine solche in dem View ausgeben (ul / li) und nicht div / span. Prinzipiell kann man das zwar auch mit div / span nachbilden, aber das macht es nicht einfacher und wenn es keinen triftigen Grund dagegen gibt sollte man sicherlich die HTML-Liste nutzen.

Am Rande noch, da es hier ja auch um Anfängerfragen hinsichtlich CSS geht:
!important sollte man bei CSS nur sehr sehr sparsam verwenden, dafür gibt es nur sehr selten einen wirklichen Grund. Ich würde soweit gehen zu sagen, man soll !important gar nicht verwenden. Gerade einem Anfänger sollte keinesfalls zur Verwendung von !important geraten werden. Die Verwendung von !important zeigt eigentlich zumeist dass man CSS generell nicht richtig verstanden hat oder das konkrete CSS einer Seite nicht nachvollziehen kann (oder zu bequem ist es nachzuvollziehen). Man behilft sich mit einem "Foul" und das ist nie schön ... - !important setzt die ganze CSS-Logik (Kaskadierung) außer Kraft und das kann nicht der Sinn von CSS sein.

  • Anmelden oder Registrieren um Kommentare zu schreiben

"Die Verwendung von

Eingetragen von montviso (2188)
am 04.07.2016 - 15:43 Uhr

"Die Verwendung von !important zeigt eigentlich zumeist dass man CSS generell nicht richtig verstanden hat "
Naja, manchmal wurde das faule Ei allerdings schon im verwendeten Theme gelegt und wenn dort das !important gesetzt wurde, hat man kaum noch Chance ohne.
Zumindest habe ich das bei Wordpress-Seiten, wo ich das Childtheme nur mittels !important ändern kann, aber nicht das Haupt-Theme.

Bei Drupal-Theme Omega habe ich allerdings !important auch noch nie gebraucht und im grund hat Stefan natürlich recht.

Noch ein Hinweis an den Thread-Eröffner:
Eigentlich mußt Du der View keine Extra CSS-Klasse geben, weil man ja im Theme Klassen vergeben sind für die Seite, für den Block, für die View und für die Ansicht in der View und diese Namen kannst Du mit Firebug gut auslesen.
So kannst Du dann z.B. im CSS die 3. Seiten- View-Ansicht der View ansprechen:

.view-id-<meine_view>.view-display-id-page_3{

}

  • Anmelden oder Registrieren um Kommentare zu schreiben

Zitat: Naja, manchmal wurde

Eingetragen von Stefan.Korn (286)
am 04.07.2016 - 17:46 Uhr
Zitat:

Naja, manchmal wurde das faule Ei allerdings schon im verwendeten Theme gelegt und wenn dort das !important gesetzt wurde, hat man kaum noch Chance ohne.
Zumindest habe ich das bei Wordpress-Seiten, wo ich das Childtheme nur mittels !important ändern kann, aber nicht das Haupt-Theme.

Ich habe eine etwas diffuse (nicht unbedingt auf Fakten beruhende) Abneigung gegen Wordpress und manchmal denke ich dass ich mich von meinen Vorurteilen gegenüber Wordpress befreien sollte ... Dann lese ich so etwas und ich denke dass ich mir meine diffuse Abneigung bewahren sollte ;-)

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ach, Stefan behalte Deine

Eingetragen von montviso (2188)
am 04.07.2016 - 20:00 Uhr

Ach, Stefan behalte Deine Abneigung gegen WP ruhig. Ich teile sie aus tiefstem Herzen.
Geht aber am Thema des Thread-Eröffners vorbei, deswegen vertiefen wir das besser nicht. ;-)

  • Anmelden oder Registrieren um Kommentare zu schreiben

danke allen Kommentatoren.

Eingetragen von mibadix (237)
am 04.07.2016 - 21:12 Uhr

danke allen Kommentatoren. Ein Licht ist mir aufgegangen, als Stefan schrieb, dass CSS nur bei Html-Listen wirkt. Die Korrektur war dann einfach. Allen vielen Dank fuer Euere Hilfe.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • [Gelöst] Menü wie hier samsung.com/de/ wie, mit Drupal?
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
Weiter

Neue Kommentare

  • Казино с минимальным депозитом
    vor 6 Stunden 56 Minuten
  • Казино с минимальным депозитом
    vor 6 Stunden 56 Minuten
  • Казино с минимальным депозитом
    vor 6 Stunden 58 Minuten
  • Казино с минимальным депозитом
    vor 6 Stunden 59 Minuten
  • Казино с минимальным депозитом
    vor 7 Stunden 38 Sekunden
  • melde mich mal wieder, da ich
    vor 2 Wochen 4 Tagen
  • Hey danke
    vor 2 Wochen 5 Tagen
  • Update: jetzt gibt's ein
    vor 2 Wochen 6 Tagen
  • Hallo, im Prinzip habe ich
    vor 3 Wochen 3 Tagen
  • Da scheint die Terminologie
    vor 3 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250238
Registrierte User: 20454

Neue User:

  • Znogsnernoimb
  • ByteScrapers
  • Mroppoofpaync

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 21 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association