[Firebug] geloest
Eingetragen von mibadix (237)
am 02.07.2016 - 09:37 Uhr in
am 02.07.2016 - 09:37 Uhr in
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
- Anmelden oder Registrieren um Kommentare zu schreiben
Man macht die Änderungen
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.
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Suche mal nach "firebug
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
Vielen Dank fuer Euere
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.
Eine Class hat einen Punkt
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
Vielen Dank Jenna,habe es
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
Hast Du es schon mal mit !important versucht
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
Barrierefreies Webdesign
Marita Betz
http://www.barrierefreies-webdesign-mb.de
Danke fuer Euere
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!
Habe einen Fehler
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?
Die Liste unter Therapy ist
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.
"Die Verwendung von
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{
}
LG Regina Oswald
-------------------------
Montviso - Internetdienstleistungen
http://www.montviso.de
Zitat: Naja, manchmal wurde
am 04.07.2016 - 17:46 Uhr
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 ;-)
Ach, Stefan behalte Deine
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. ;-)
LG Regina Oswald
-------------------------
Montviso - Internetdienstleistungen
http://www.montviso.de
danke allen Kommentatoren.
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.