Bilder verkleinern in Tabellen 
Autor: Marion S.
Besucht 811,
Followers 1,
Geteilt 0
Hallo,
ich möchte als Beitragsübersicht auf einer Seite eine Tabelle einfügen mit jeweils einem Bild und dazu entsprechend Text mit der Verlinkung auf die jeweilige Unterseite.
Bein Rumlesen im Forum bin ich auf einen Code zum Anpassen der Tabellen gestoßen (Danke an den Code-Ersteller). Kann ich den so nutzen, damit sich auch die Bilder verkleinern oder habt ihr noch andere Lösungen?
<style> table {word-break: break-word;}
table img {width:100% !important;max-width:300px !important} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
Gepostet am
Hast du diesen Code schon probiert? Füge ihn ein in den Codeteil (vor dem </head> Tag) und danach testen.
Ansonsten müsstest du uns deine URL hier schreiben.
x Marion S., ... hallo, ciao, ... (It > De) ... hallo, ... danke fürs danken
; ... wenige tun es
...
und sie nennen die Quelle nicht
... Der Code, den Sie gepostet haben, war meine exklusive, kostenlose Erfindung, geboren für v.12, und existiert in verschiedenen Versionen, Basis und Fortgeschrittene, je nach Fall, auswertbar anhand des LINKS der Online-Seite, die die Tabelle nutzt...
... mein Code für die neuesten Versionen des Programms könnte auch vereinfacht werden...
... der von Ihnen gepostete Code erweitert das Bild rational auf die Breite seiner Spalte. aber Begrenzung der Höhe auf 300 Pixel ..
... wenn Sie den LINK Ihrer Seite posten, Ich kann überprüfen und bewerten alle anderen Vorsichtsmaßnahmen oder Verbesserungen, die Ihrem Zweck entsprechen...
... alles wäre immer mit einfachem kopieren/einfügen im Expertenbereich /(x/HEAD) gelöst...
.
hallo, ciao
.
Autor
Danke euch beiden fürs Antworten.
Ja, ich habe den Code vor meiner Frage hier ausprobiert, er macht, was er soll - schneidet die Tabelle nicht ab und verkleinert das Bild, so dass der Platz für den Text gleichbleibt. (Wobei aber bei den Umbruchpunkten über und unter dem Bild leere Bereiche entstehen). Die Frage, ob der Code so funktioniert, bezog sich eher auf die mittlerweile riesige Vielfalt der Endgeräte.
Zeigen kann ich das nicht, weil ich es an einem älteren Backup ausprobiert habe. (... weiß ja schon aus Erfahrung, dass nicht immer alles wieder löschbar ist, insbesondere Zusatzobjekte ツ)
Ich habe gleichzeitig noch das Portfolio-Objekt ausprobiert - und werde mich wegen der integrierten Suchfunktion für meine Beitragsübersichtsseite wohl dafür entscheiden.
Was ich dabei aber mal wieder vermisse ist eine simple Zeile zum Alt-Text eintragen.
- Liebe Website-X5-Programmierer, ich wünsche Ihnen, dass sie und ihre Lieben immer gesund bleiben. Es gibt aber Menschen, die benötigen Alt-Texte dringender als x-fachen Überblend-Schnickschnack. -
... OK ... gute Arbeit ... hallo ... ciao ...
......................................................
... ... Notiz: .. ... um Ihren Wunsch nach dem alternativen Text (der bei einigen Objekten bereits vorgesehen ist) hervorzuheben, sollten Sie ein neues IDEA-Thema eröffnen, damit es vom STAFF bewertet werden kann.
.
Autor
Danke für den Hinweis wegen eines neuen IDEA-Themas - ich hatte im Sommer schon einmal mit dem Support wegen mehr barrierefreiheit geschrieben ...
Aktuell habe ich noch eine Frage zum Portfolio-Objekt - ich finde keine Möglichkeit die Farbe bei Mauskontakt einzustellen - das Objekt übernimmt leider die allgemeinen Einstellungen nicht sondern macht den Button schön grau ツ - siehe Bild
Im Portfolio Objekt bei der SChaltfläche kann man den Hintergrund einstellen. Allerdings wird per Mouseover die Farbe automatisch abgedunkelt. Hier kann man nichts ändern ander Farbe. Das ergibt sich aus der Hintergrundfarbe der Schaltfläche (Button)!
... Hallo Marion S., ... (It > De) ...auf jeden Fall könntest du das Problem lösen, indem du hier den LINK einer Beispielseite postest, die auf einen freien Webspace exportiert wird, wie zB Altervista, wie es viele für echte Online-Texte tun, bevor du die endgültige Seite veröffentlichst...
.
ciao
.