Eigene CSS-Dateien für Themes nur teilweise wirksam
am 05.11.2018 - 21:06 Uhr in
Hallo Zusammen
Ich habe zwei eigene zwei eigene CSS-Dateien im Fusion-Starter Theme eingebunden, allerdings ist nur eine hiervon wirksam geworden. Beide Dateien sin in der "fusion_starter.info"
stylesheets[all][] = css/bild_trans.css
stylesheets[all][] = css/crosshair.css
und in der Library "fusion_starter/css vorhanden.
bild_trans.css
crosshair.css
Zweck der beiden Dateien ist bei rüberfahren mit dem Mauszeiger, das Bild zu vergrössern (bild_trans.css) und den Mauszeiger als Fadenkreuz darzustellen (crosshair.css), das Bild wird zwar vergrössert dargestellt der Mauszeiger ändert sich aber nicht zum Fadenkreuz. Die beiden CSS-Dateien sind als txt-Datei angefügt.
Im Inhalts-Node (Artikel) sind im href-Statement beide Klassen angegeben (class="bildtr02 crosshair").
Wenn ich die Style-Angaben aus der croshair.css Datei direkt in den Inhalts-Node (Artikel) einfüge funktioniert die Änderung des Mauszeigers einwandfrei. Ich wollte aber vermeiden die Style-Angaben in jeden einzelnen Node der Fotos beinhaltet einzufügen.
Vielleicht übersehe ich etwas, habe hier im Forum oder mit Google nichts gefunden. Besten Dank für eure Hilfe.
Anhang | Größe |
---|---|
bild_trans.txt | 125 Bytes |
crosshair.txt | 69 Bytes |
- Anmelden oder Registrieren um Kommentare zu schreiben
Das riecht nach einem alten
am 05.11.2018 - 23:17 Uhr
Das riecht nach einem alten Fehler im IE. Schalte doch bitte die Aggregation der CSS-Dateien unter Konfiguration > Entwicklung > Leistung ein. Tritt das Problem dann immer noch auf?
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Erscheint denn die
am 06.11.2018 - 07:32 Uhr
Erscheint denn die crosshair.css auch im Quelltext im Headerbereich?
LG Regina Oswald
-------------------------
Montviso - Internetdienstleistungen
http://www.montviso.de
Funktioniert leider nicht
am 06.11.2018 - 18:04 Uhr
Hallo wla
Aggregation der CSS-Dateien ist eingeschaltet. Problem tritt weiterhin auf. Das Problem ist auch bei Firefox oder Opera vorhanden.
Gruss wilfried21
Seitenquelltext
am 06.11.2018 - 18:08 Uhr
Hallo Montviso,
habe im Seitenquelltext nachgesehen, die crosshair.css ist im Headerbereich vorhanden.
Gruss wilfried21
Hi wilfried21, das ist ja
am 07.11.2018 - 10:23 Uhr
Hi wilfried21,
das ist ja schon mal gut, wenn die Datei eingebunden ist.
Dann muss das Problem ja irgendwo im Bereich CSS liegen und nicht in Drupal.
Hast Du das betreffende Element mal mit den Entwicklungswerkzeugen von Firefox / Chrome untersucht, was da wirksam ist?
LG Regina Oswald
-------------------------
Montviso - Internetdienstleistungen
http://www.montviso.de
Eigene CSS-Dateien nur teilweise wirksam
am 08.11.2018 - 20:55 Uhr
Ich habe auch mit Firebug keine Lösung gefunden. Das Problem ist das ausser der Theme eigenen CSS-Datei nur eine eigene CSS-Datei wirksam wird, alle anderen CSS-Dateien werden nicht wirksam. Die Dateien liegen alle im gleichen Verzeichnis, das Thema ist "Fusion Starter".
Ergänzung: Es wird nur eine style-Angabe wirksam, d.h. wenn ich in der wirksamen CSS-Datei mehrere style-Angaben (also verschiedene Klassen) einfüge, wird davon nur eine genutzt.
Das hört sich für nach einem
am 08.11.2018 - 21:09 Uhr
Das hört sich für mich nach einem Caching oder Tippfehler der Pfadangabe an? Du erwähnst Library "fusion_starter/css ?? Liegen wirklich beide CSS Dateien in:
sites/all/themes/fusion/fusion_start/css/bild_trans.css
sites/all/themes/fusion/fusion_start/css/crosshair.css
Ist das Fusion Core und Fusion-Starter Theme auch aktiviert? Ist die Seite irgendwo einsehbar?
Grüße aus dem sonnigen Heidelberg.
Maker • Visual Designer • Site Builder https://binroth.com
"Ergänzung: Es wird nur eine
am 09.11.2018 - 20:11 Uhr
"Ergänzung: Es wird nur eine style-Angabe wirksam, d.h. wenn ich in der wirksamen CSS-Datei mehrere style-Angaben (also verschiedene Klassen) einfüge, wird davon nur eine genutzt."
Kann man das mal Live anschauen?
irgendwie hört sich das nach einem Syntax-Fehler in der CSS-Datei an.
Ist mir schon passiert, wenn eine geschweifte Klammer zu viel oder zu wenig war oder ähnlicher Blödsinn.
Schon mit durch den Velidator laufen lassen?
LG Regina Oswald
-------------------------
Montviso - Internetdienstleistungen
http://www.montviso.de
CSS-Dateien Syntax-Fehler ?
am 11.11.2018 - 20:42 Uhr
Ich denke das es kein Fehler in der CSS-Datei ist, wenn ich die Inhalt der CSS-Datei kopiere und in den Body des Artikels einfüge funktioniert es einwandfrei.
Die URL ist http://seniorenbeirat-stralsund.de/gartenglück/workshop-der-garten-im-herbst
FusionCore und Fusion-Starter
am 11.11.2018 - 20:46 Uhr
FusionCore und Fusion-Starter sind auch aktiviert, die Dateien liegen auch beide in:
sites/all/themes/fusion/fusion-starter/css
Die URL ist http://www.seniorenbeirat-stralsund.de/gartenglück/workshop-der-garten-im-herbst
Du darfst die CSS nicht in
am 11.11.2018 - 21:54 Uhr
Du darfst die CSS nicht in tags-setzen.
ich habe das mal im Entwicklertool entfernt und prompot kommt auch schon das crosshair.
"Ich denke das es kein Fehler in der CSS-Datei ist, wenn ich die Inhalt der CSS-Datei kopiere und in den Body des Artikels einfüge funktioniert es einwandfrei."
Ja, da brauchst Du die Tags ja auch.
Deine Seite oder Kundenprojekt?
Ich hab's ja auch mit Garten. ;-)
http://www.gartenstauden.de
LG Regina Oswald
-------------------------
Montviso - Internetdienstleistungen
http://www.montviso.de
[gelöst] eigene CSS-Dateien teilweise nicht wirksam
am 12.11.2018 - 19:40 Uhr
Hallo montviso,
Mein Fehler war tatsächlich die CSS in tags zu setzen, danke für deine Hilfe.
Welches Entwicklertool hast du genutzt, Firebug ?, ich habe keine Möglichkeit gefunden externe Dateien anzusehen und zu äandern.
Die Webseite "Seniorenbeirat Stralsund" betreue ich als Mitglied des Seniorenbeirates, wir haben u.a. ein Projekt "Gartenglück", hier
könnnen Seniorinnen und Senioren, die keinen eigenen Garten haben, iGartenarbeit in einem Gemeinschaftsgarten Gartenarbeit betreiben.
Firebug gibt es ja in dem
am 12.11.2018 - 20:09 Uhr
Firebug gibt es ja in dem Sinne gar nicht mehr.
Ich verwende mal die Entwicklertools von FireFox, mal von Chrome.
Einfach mit Untersuchen auf das entsprechende Tool.
Dass ich das dann auch gefunden habe, war mehr oder weniger Glücksache, weil ja die Komprimierung eingeschaltet ist bei Dir.
Besser wäre, die während der Entwicklung ausschalten.
Dann steht rechts beim Style auch, in welcher Datei der definiert ist.
Bzw. man weiß ja, was man sucht, z.B. die crosshair.css.
Bei Dir steht da nur ein langer String als Name von der komprimierten Datei und in der steht dann ein endlos String.
Ich habe aber einfach mal auf einer dieser komprimierten Dateinamen geklickt, und siehe da, ich war auch gleich an der richtigen Stelle. ;-)
LG Regina Oswald
-------------------------
Montviso - Internetdienstleistungen
http://www.montviso.de