Homepage selbermachen 7.851 Themen, 35.615 Beiträge

Verfolgung starten Optionen

Bilder-Größe durch Zellengröße begrenzen

13.Fiasko / 9 Antworten / Flachansicht Nickles

Hallo,

ich habe eine Tabelle mit relativer Höhe und Breite, ebenso die Zellen. Nun möchte ich ein Bild in einer Zelle anzeigen lassen, das aber größer ist als die Zelle. Das Bild schiebt immer die Zellenwände auseinander, dass es selbst in voller Größe hineinpasst. Die Zellenwände sollen aber diese Ausdehnung verhindern.

Mit style="table-layout:fixed" wird das Bild ja nur beschnitten und weitere relative Höhen- bzw. Breiten-Angaben zum Bild werden nicht akzeptiert.

Wie lässt sich also mein Vorhaben realisieren?
Bitte um Hilfe!

bei Antwort benachrichtigen
Wenn Du das Bild als style background-image:url bild.jpg im Tag einfügst, ... cm1982
Nun, das Zellenformat ist anders als das Bildvormat und mit deinem Tipp ... 13.Fiasko
ist meines erachtens die richtige art so etwas zu machen. es geht aber auch ... mame32
Ein größeres Bild irgendwie begrenzen zu wollen ist nur Gefrickel . Mache ... Amili
Ich will aber, dass das Layout für verschiedene Auflösungen gleich aussieht! 13.Fiasko
Hi 13.fiasko, angenommen deine Tabelle ist 100 und die Zelle 30 breit, dann ... Maxx Stone
xafford 13.Fiasko „Bilder-Größe durch Zellengröße begrenzen“
Optionen

es lässt sich realisieren, aber nicht ganz html-konform, die meisten brwoser sollten es aber trotzdem interpretieren.
ändere im image die größenangaben auf width="100%" und height="100%", somit passt sich das bild genau der zellengröße an. allerdings kann das bild verzerrt werden, wenn das seitenverhältnis nicht stimmt. umgehen lässt sich dies, indem du nur entweder die höhe mit 100% skalierst, die breite passt sich entsprechend verzerrungsfrei an, oder umgekehrt mit der breite, je wie du´s willst.
alternativ kannst du die zuweisung auch mit stylesheets machen, dann ist es standardkonformer.

Pauschalurteile sind immer falsch!!!
bei Antwort benachrichtigen
Genau das habe ich mit purem HTML und CSS probiert, aber es funktioniert ... 13.Fiasko
also zumindest bei IE funktioniert es.. xafford