WebSite X5Help Center

 
M. H. L.
M. H. L.
User

Tabelle mit Bild - responsive Anpassung  de

Autor: M. H. L.
Visitado 943, Followers 1, Compartido 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

Publicado en
4 RESPUESTAS - 2 úTIL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
M. H. L.
M. H. L.
User
Autor

Dankeschön! :-) 

Viele Grüße

Leer más
Publicado en de M. H. L.