Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

[gelöst] Grafiken unterschiedlich groß - je nach Browser

Eingetragen von Pfeife (89)
am 14.08.2014 - 11:01 Uhr in
  • Themes & Theming
  • Drupal 7.x

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!

AnhangGröße
FF-Grafiken groß.jpg103.75 KB
GC-Grafiken klein.jpg78.16 KB
IE-Grafiken groß.jpg103.76 KB
Opera20-Grafiken klein.jpg79.35 KB
‹ [gelöst] Node in Block [gelöst] Grafiken unterschiedlich groß - je nach Browser ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Das liegt an der Darstellung

Eingetragen von Jenna (1883)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Tchakka! Das war's!

Eingetragen von Pfeife (89)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Zitat: Habe dann aber unter

Eingetragen von Jenna (1883)
am 14.08.2014 - 13:35 Uhr
Zitat:

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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Doppelt hält ja besser ;-)

Eingetragen von Pfeife (89)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Jenna schrieb Alle Änderungen

Eingetragen von Pfeife (89)
am 14.08.2014 - 14:29 Uhr
Jenna schrieb

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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Zitat: Kann man denn die

Eingetragen von Jenna (1883)
am 14.08.2014 - 14:59 Uhr
Zitat:

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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Das leuchtet völlig ein!

Eingetragen von Pfeife (89)
am 15.08.2014 - 10:12 Uhr

So wird's gemacht, Jenna. Danke für die Erklärungen!
Ciao, Thomas

  • Anmelden oder Registrieren um Kommentare zu schreiben

Das leuchtet völlig ein!

Eingetragen von Pfeife (89)
am 15.08.2014 - 10:12 Uhr

So wird's gemacht, Jenna. Danke für die Erklärungen!
Ciao, Thomas

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [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?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 4 Tagen 37 Minuten
  • Hey danke
    vor 4 Tagen 19 Stunden
  • Update: jetzt gibt's ein
    vor 5 Tagen 13 Stunden
  • Hallo, im Prinzip habe ich
    vor 1 Woche 2 Tagen
  • Da scheint die Terminologie
    vor 1 Woche 3 Tagen
  • Kannst doch auch alles direkt
    vor 2 Wochen 8 Stunden
  • In der entsprechenden View
    vor 2 Wochen 8 Stunden
  • Dazu müsstest Du vermutlich
    vor 2 Wochen 8 Stunden
  • gelöst
    vor 4 Wochen 3 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 4 Wochen 4 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20449

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» 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 14 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