[gelöst] Grafiken unterschiedlich groß - je nach Browser
Eingetragen von Pfeife (89)
am 14.08.2014 - 11:01 Uhr in
am 14.08.2014 - 11:01 Uhr in
Seltsamerweise werden Grafiken, je nach Browser, in ihrer Größe völlig unterschiedlich dargestellt. Es geht um das Logo ganz oben (Orgelpfeifen mt Stimmgabel) auf meinem Testgelände und um die Darstellung von Buchcovern in einem View, nämlich hier.
FF, Opera 12 und IE zeigen die Grafiken, wie ich sie haben will.
GC und Opera 20 zeigen sie extrem verkleinert.
Siehe auch die Anlagen.
Als Theme verwende ich AT Pixture reloaded.
Bin dankbar für jeden Hinweis!
Anhang | Größe |
---|---|
FF-Grafiken groß.jpg | 103.75 KB |
GC-Grafiken klein.jpg | 78.16 KB |
IE-Grafiken groß.jpg | 103.76 KB |
Opera20-Grafiken klein.jpg | 79.35 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Das liegt an der Darstellung
am 14.08.2014 - 11:58 Uhr
Das liegt an der Darstellung der Tabelle, hatte ich auch schon gelegentlich.
Du kannst z.B. ein
.image-style-medium {
min-width: 140px;
}
vorgeben (px natürlich mit deiner gewünschten Breite).
Ich würde dem Image einen eigenen Bildstil mitgeben wie z.B. .image-tabelle oder ähnliches, dann weißt du später noch was du gemacht hast und wendest den Bildstil nicht aus Versehen auf Bilder an, die kein min-width haben sollen.
Grüße Jenna
Tchakka! Das war's!
am 14.08.2014 - 13:22 Uhr
Habe zunächst unter admin/config/media/image-styles/ einen neuen Bildstil angelegt: image-tabelle und dem die Größe 160x220 px zugewiesen.
Danach habe ich im View der Veröffentlichungen dem Feld BILD den neuen Bildstil "image-tabelle" zugewiesen. Leider ohne Resultat. Auch nach Leeren des Drupal-Caches und der Browser-Caches blieb das Aussehen wie vorher, auch wenn im Quellcode bei den Bilder der neue Bildstil stand und die Größe 160x220. Trotzdem waren sie noch winzig klein.
Habe dann aber unter /html/drupal/sites/all/themes/pixture_reloaded/css in den beiden dort liegenden Dateien pixture_reloaded.css und pixture_reloaded.settings.style.css diese Ergänzung am Ende eingetragen:
/*Stil für Bilder in Tabelle */
.image-style-image-tabelle {
min-width: 160px;
}
Und jetzt klappt es auch bei G-Chrome und bei Opera 20.
Für Deine schnelle und kompetente HIlfe, Jenna, sage ich:
Dankemercithankyoueucharistoubedanktgrazieschukranmultumesctak!
Ciao, Thomas
Thomas Schmidt
Studiengangleiter Evangelische Kirchenmusik
Hochschule für Musik und Tanz Köln
Kirchenmusikdirektor
Zitat: Habe dann aber unter
am 14.08.2014 - 13:35 Uhr
Habe dann aber unter /html/drupal/sites/all/themes/pixture_reloaded/css in den beiden dort liegenden Dateien pixture_reloaded.css und pixture_reloaded.settings.style.css
Nach dem Motto "viel hilft viel" lach....
Solche bzw. jede Anweisung brauchst du nur 1x in eine .css schreiben, 2x ist nur unnötiger KB Verbrauch, Drupal findet das schon...
Lege dir am besten immer eine eigene mein-name.css in deinem Theme Ordner an und trage diese in der info datei deines Themes ein (Cache löschen danach).
Alle Änderungen die du vornimmst sollten in dieser eigenen CSS stehen, bei einem Update des Themes wäre sonst alles weg, ausserdem siehst du so viel schneller was du wo geändert hast.
Grüße Jenna
Doppelt hält ja besser ;-)
am 14.08.2014 - 13:44 Uhr
Aber das ist eine tolle Idee, was du da vorschlägst.
Kann man denn die beiden pixture_*.css zu einer gemeinsamen mein_style.css zusammenfassen?
In der .info steht jetzt dies:
stylesheets[all][] = color/colors.css
stylesheets[all][] = css/pixture_reloaded.css
stylesheets[all][] = css/pixture_reloaded.settings.style.css
Danach würde ich dort eintragen:
stylesheets[all][] = color/colors.css
stylesheets[all][] = css/mein_style.css
Habe ich das richtig verstanden?
Ciao, Thomas
Thomas Schmidt
Studiengangleiter Evangelische Kirchenmusik
Hochschule für Musik und Tanz Köln
Kirchenmusikdirektor
Jenna schrieb Alle Änderungen
am 14.08.2014 - 14:29 Uhr
Alle Änderungen die du vornimmst sollten in dieser eigenen CSS stehen, bei einem Update des Themes wäre sonst alles weg, ausserdem siehst du so viel schneller was du wo geändert hast.
das habe ich einfach mal gemacht und in der .info eingetragen:
stylesheets[all][] = color/colors.css
stylesheets[all][] = css/kimuliste_style.css
Klappt!
DANKE!
Ciao, Thomas
Thomas Schmidt
Studiengangleiter Evangelische Kirchenmusik
Hochschule für Musik und Tanz Köln
Kirchenmusikdirektor
Zitat: Kann man denn die
am 14.08.2014 - 14:59 Uhr
Kann man denn die beiden pixture_*.css zu einer gemeinsamen mein_style.css zusammenfassen?
Die vorhandenen Theme .css Dateien solltest du unverändert im Ordner css und in der info Datei belassen, lediglich dein eigenes geschriebenes CSS kommt in deine neue .css datei.
Denke immer an die Update Fähigkeit, wenn du jetzt Theme Dateien löscht, zusammenfasst, umbenennst oder ähnliches, dann fehlt dir bei dem nächsten Theme Update die Übersicht und du müßtest die Arbeitsschritte ausserdem erneut machen.
Grüße Jenna
Das leuchtet völlig ein!
am 15.08.2014 - 10:12 Uhr
So wird's gemacht, Jenna. Danke für die Erklärungen!
Ciao, Thomas
Thomas Schmidt
Studiengangleiter Evangelische Kirchenmusik
Hochschule für Musik und Tanz Köln
Kirchenmusikdirektor
Das leuchtet völlig ein!
am 15.08.2014 - 10:12 Uhr
So wird's gemacht, Jenna. Danke für die Erklärungen!
Ciao, Thomas
Thomas Schmidt
Studiengangleiter Evangelische Kirchenmusik
Hochschule für Musik und Tanz Köln
Kirchenmusikdirektor