nicht angemeldet
Bild wird über den Rand dargestellt
Hallo, ich habe folgendes Problem. Dazu hier zuerst einmal ein kleines html Beispiel:
<html>
<head>
<STYLE TYPE="text/css">
#imagetest {
border: solid red 5px;
width:300px;
table-layout: fixed;
max-width:400;
}
</STYLE>
</head>
<body>
<table id="imagetest">
<tr >
<td >
<img src="test.jpg">
<td>
<tr>
</table>
</body>
</html>
Ich möchte gerne, dass das Bild test.jpg nicht über den Rand der Tabelle hinaus gerendert wird. Also es kann von mir aus mit der richtigen Auflösung dargestellt werden, soll dann aber am Tabellenrand abgeschnitten werden. Vielleicht gibts ja auch ne Möglichkeit dies mit einem div zu lösen. Hoffe auf gute Lösungen.
Danke schonmal im vorraus!
-
Lässt sich mit CSS lösen: "overflow: hidden"
--> http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow<html>
<head>
<style type="text/css">
#imagetest {
border: solid red 5px;
width: 300px;
table-layout: fixed;
max-width: 400; }
#imagetest td { overflow: hidden; }
</style>
</head>
<body>
<table id="imagetest">
<tr>
<td><img alt="Testbild" src="test.jpg">
</td>
</tr>
</table>
</body>
</html>