Homepage selbermachen 7.852 Themen, 35.619 Beiträge

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

13.Fiasko / 9 Antworten / Baumansicht 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
cm1982 13.Fiasko „Bilder-Größe durch Zellengröße begrenzen“
Optionen

Wenn Du das Bild als style="background-image:url(bild.jpg)" im <td> Tag einfügst, sollte es gehen.

bei Antwort benachrichtigen
13.Fiasko cm1982 „Wenn Du das Bild als style background-image:url bild.jpg im Tag einfügst,...“
Optionen

Nun, das Zellenformat ist anders als das Bildvormat und mit deinem Tipp würde das Bild verzerrt werden... Naja eigentlich ist das Bild an den Seiten abgeschnitten!
Also hat es den gleichen Effekt wie style="table-layout:fixed"
Aber trotzdem danke.

Mittlerweile habe ich meinen Mitbewohner "bedrängt", mir ein JavaScript zu basteln. Das funktioniert... :-)

bei Antwort benachrichtigen
mame32 cm1982 „Wenn Du das Bild als style background-image:url bild.jpg im Tag einfügst,...“
Optionen

ist meines erachtens die richtige art so etwas zu machen. es geht aber auch background="pfad/bild". nur bei der css-methode hat man die möglichkeit das bild zu positionieren

bei Antwort benachrichtigen
Amili 13.Fiasko „Bilder-Größe durch Zellengröße begrenzen“
Optionen

Ein größeres Bild irgendwie begrenzen zu wollen ist nur "Gefrickel". Mache es doch richtig herum: Schneide das Bild mit einem Bildbearbeitungsprogramm auf die richtigen Maße zu, und schon hat auch eine Tabellenzelle ohne feste Größenangaben die gewünschte Größe.

bei Antwort benachrichtigen
13.Fiasko Amili „Ein größeres Bild irgendwie begrenzen zu wollen ist nur Gefrickel . Mache es...“
Optionen

Ich will aber, dass das Layout für verschiedene Auflösungen gleich aussieht!

bei Antwort benachrichtigen
Maxx Stone 13.Fiasko „Bilder-Größe durch Zellengröße begrenzen“
Optionen

Hi 13.fiasko,

angenommen deine Tabelle ist 100% und die Zelle 30% breit, dann versuch mal Folgendes:
<img src="fiasko.gif" alt="" width="30%" height="30%" />

Gruß
Maxx Stone

bei Antwort benachrichtigen
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
13.Fiasko xafford „es lässt sich realisieren, aber nicht ganz html-konform, die meisten brwoser...“
Optionen

Genau das habe ich mit purem HTML und CSS probiert, aber es funktioniert nicht. Es ist, als ob das Bild eine höhere priorität hat als die Tabellenangaben...
Aber wie bereits erwähnt, habe ich das Problem per Script lösen lassen.
Trotzdem danke!

bei Antwort benachrichtigen
xafford 13.Fiasko „Genau das habe ich mit purem HTML und CSS probiert, aber es funktioniert nicht....“
Optionen

also zumindest bei IE funktioniert es...wo gab es die probleme denn?
Pauschalurteile sind immer falsch!!!
bei Antwort benachrichtigen