[gelöst] Mindestgröße von Bilder in Tabellen TROTZ responsive

Dann darf die Tabelle nicht so bleiben, wie bisher. Versuche es mal mit [do:responsive_tables Responsive Tables]. Sonst gibt es noch min-width in CSS.

Hallo Werner,

Responsive Table (das Modul) hatte ich bereits schon genutzt (hätte ich dazuschreiben sollen, sorry), und versuchte einzustellen, dass die erste Spalte nicht verändert werden soll. Es gab kein Ergebnis, es hat sich durch veränderte Einstellungen in Responsive Table absolut nichts geändert. Sonst wäre es genau meine Lösung. Sehr schade.

Wie Du ja weißt, bin ich nicht so der Held in CSS.

Bin schon eine Weile im Style.css des Templates unterwegs, aber noch erfolglos, leider auch keine Idee wo ich das min with dort rein schreibe.

Habe aber soeben via Firebug entdeckt, dass wenn ich hier

max width ausklickt, das Bild groß ist (wie in BIldstile definiert), aber leider der Rest der Tabelle auch nicht mehr Responsive ist.

Ich habe auch schon andere Themes mal testweise eingeschaltet, dort geht es, wenn sie nicht responsive sind.
Diese Personenfotos sollen einfach erkennbar groß bleiben http://oekodorf-chiemgau.de/team/feuerkreis

DANKE für Deine Support
Axel

Probiere mal:

Die px kannst du natürlich anpassen.

Oder https://www.drupal.org/project/footable testen, aber auch damit mußte ich vor ca. 2 Jahren irgendeinen Browser mit min-width bei Image anpassen, das kann sich aber mittlerweile geändert haben.

Wenn deine CSS komprimiert ist, siehst du die Änderungen erst wenn du den Cache gelöscht hast.

Grüße Jenna

Hallo Jenna,

super, mit genau diesem Befehl
.views-field-field-portrait img {width: 100%; min-width: 100px;}
in der Style.css Datei hat es geklappt. Alle Portraits werden nun größer dargestellt.

Vielen Dank Dir.

Warum das Bild bei einem breiten Browserfenster nicht größer dargestellt wird, bleibt mir ein Rätsel.

Oder ist mein Laptop (15er) dafür zu klein?

Dank euch beiden!!
Axel

Ich vermute du hast einen Bildstil darauf gelegt der eine größere Anzeige verhindert.

Wenn du mit Firefox auf ein Bild gehst, rechte mouse, Grafik Info anzeigen, kommt:
150px × 150px (Skaliert zu 114px × 114px)

Irgendwo muß das Bild schon beim Hochladen bzw. speichern verkleinert werden.
Checke mal deine Bildstile die du auf dieses Image Field gelegt hast.

Grüße Jenna

ja, dass das Bild an dieser Stelle 150px maximal ist, ist beabsichtig.

Der Bildstil ist einfach:

Was mich eben irritiert ist, dass es dann nochmal verkleiner wird, in diesem Fall bei Dir auf 114px.

Bei mir wird es ebenso auf 114 px reduziert (vermutlich haben wir beide einen 15 Zoll Monitor)
und wenn ich das Browserfenster sehr stark verkleiner, dann wird es auf 108 verkleinert, was ja ok ist, mich aber wundert, da 110 als Minimum angegeben ist.

Vielleicht muss ich das auch nicht verstehen, denn ich bilde mir ein, nun mit eurer Hilfe alles richtig gemacht zu haben.

:-)
AXel

Das liegt an dem Tabellen-Layout. In diesem Fall (default):

So wird die Breite einzelner Spalten automatisch an die Menge des Inhalts angepasst.
Also entweder ändert man "table-layout" zu "fixed" (und die Spalten bekommen immer gleiche Breite), oder man bestimmt die Breite von den "td´s".

Hier zum Beispiel:

Wunderbar, das war das letzte i-Tüpfel, jetzt klappt es perfekt.

Habe es genau so reinkopiert in style.css, klappt. Dann noch mal die Prozentzahlen etwas angepasst.
Perfekt :-)

Vielen Dank
Axel

www.oekodorf-chiemgau.de

dieser Befehl

wirkt sich jetzt auch auf andere Tabellen aus, die Aber gleichmäßig breit sein sollen.

Was mir fehlt ist der Befehl, der in
td:nth-child(2)
sagt, dass es nur hier an dieser Stelle gilt.

Wie kriege ich diesen Code/Befehl heraus?

Danke
Axel

ich habe aus euren Antworten eine neue Lösung kombiniert, die aber dann doch wider Erwarten nicht klappt.

Falls jemand den Fehler sieht, ... vielen Dank im Voraus.

Axel

Es muss beim Selektieren nachgebessert werden ;)

Wenn Dein td eine Klasse hat, dann sollte es so heissen:

td:nth-child(1).views-field-field-portrait
(OHNE Leerzeichen)

Oder noch einfacher:

Viele Grüße
Piotr

So klappt es mit den Tabellenansichten.

Ich habe den Code exakt so übernommen und wunderbar, die Personenansichten sind in der gewünschten %-Größe, alle anderen bleiben wie bisher.

Vielen Dank :-)
Axel