Tabelle mit Bild - responsive Anpassung
Autor: M. H. L.
Besucht 962,
Followers 1,
Geteilt 0
Hallo,
gestern entdeckte ich hier in der Community, dass sich Tabellen mit einem Code responsive anpassen:
</script>
<style> table {word-break: break-word;} </style><script> $( document ).ready(function() { $("table").css("width", "");}); </script>
Das klappte wunderbar. Und somit dachte ich, nutze ich die Tabelle für weitere Zwecke. Doch stelle ich nun fest, dass der Code nicht funktioniert, wenn ein Bild in der Tabelle eingefügt wurde.
Gibt es da eine Möglichkeit, dass die responsive Anpassung einer Tabelle trotz Foto funktionert?
LG
Marion
Gepostet am
ciao Marion, ...(It > De) ... ... dieser Code war meine Erfindung für v.12, immer noch gültig, aber für die aktuellen Versionen kann die Formel reduziert werden...
... selbst die Bilder in der Tabelle können elastisch gemacht werden, vielleicht durch die Integration einfacher CSS-Medienabfragen...
... wenn Sie daran interessiert sind, mit meiner Teilnahme fortzufahren, müssen Sie mir den LINK der Seite mit der Tabelle senden, damit ich sie überprüfen und Ihnen dann mitteilen kann, wie es geht; ...es ist das normale Verfahren, dem ich folge, um Hilfe zu leisten...
.
ciao
.
Autor
Hallo KolAsim,
danke, dass Sie sich des Problems annehmen.
Für die Einsicht habe ich das unfertige Skript einmal hochgeladen. Das Tabellenobjekt ist hier zu finden: http://testserver.ml-webprojekte.de/ml/fertige_affiliate-websites_zum_geld_verdienen.html
Viele Grüße
... OK >>
<style>
table td a img {width:100% !important}
table td {height:auto !important}
</style>
................................
... Schriftgröße der Titel in der Tabelle verkleinern (12-14 px) ...
... oder verwenden Sie dies, um langen Text zu schneiden:
<style> table {word-break: break-all} </style>
.
ciao
.
Autor
Dankeschön! :-)
Viele Grüße