Bild in Tabelle mittig vergrößern
Hallo,
ich bin ziemlich unerfahren, was HMTL angeht, aber ich versuche gerade in einer Tabelle ein Bild einzufügen.
Das funktioniert mit folgendem Code auch einwandfrei.
Auch, dass es in der Höhe an die vorgegebene Tabellen Höhe angepasst wird klappt.
Da jedoch die Tabelle schmäler ist, als das „vergrößerte“ Bild hätte ich gerne, dass das Bild mittig „gezoomt“ wird.
Kann mir hier jemand helfen?
All meine Recherchen verliefen leider im Sande, weil es meist nur um die Anordnung des Bildes in der Tabelle geht, was ich mit align="center" ja bereits mittig habe, das hat aber nichts damit zu tun wie das Bild abgeschnitten wird.
Viele Grüße und schon jetzt vielen Dank
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken
Der hier verwendete Code
<html>
<head>
<style>
*{
margin:0;
padding:0;
}
table,td,th{
border:1px solid black;
}
table{
width:90vw;
height:100%;
margin:0 auto;
}
td{
width:66%;
}
path:hover {
fill: green;
stroke-width: 15;
dd;
stroke: blue;
}
</style>
<!--
<script src="https://api.mapbox.com/mapbox.js/v2.3.0/mapbox.js"></script>
<link rel="stylesheet" href="https://api.mapbox.com/mapbox.js/v2.3.0/mapbox.css">
-->
<title>Text-Datei in HTML</title>
</head>
<body>
<table cellspacing="0">
<tr>
<th></th>
<th>%EINSATZSTICHWORT% - %SACHVERHALT%</th>
<th colspan="3">%DATUM%</th>
</tr>
<tr>
<td colspan="2" rowspan="12" id="map"><div class="anfahrtsbild"><img src='/image/routenmap.png' height=100%></div></td>
</tr>
<tr>
<td><b>Datum:</b></td>
<td>%DATUM% - %UHRZEIT%</td>
</tr>
<tr>
<td><b>Adresse:</b></td>
<td>%ADRESSE%</td>
</tr>
<tr>
<td><b>Objekt:</b></td>
<td>%OBJEKT%</td>
</tr>
<tr>
<td><b>Meldender:</b></td>
<td>%ZUSATZFELD2%</td>
</tr>
<tr>
<td><b>Info ILS:</b></td>
<td>%ZUSATZFELD1%</td>
</tr>
<tr>
<td></td> <br> <td> <br> </td>
</tr>
<tr>
<td colspan="2">Alarmierte Fahrzeuge FF Hahnbach</td>
</tr>
<tr>
<td colspan="2">
<br>%FHZ1%<br>%FHZ2%<br>%FHZ3%<br>%FHZ4%<br>%FHZ5%<br><br>Weitere Fahrzeuge nach Rücksprache mit dem Einsatzleiter!<br><br>%ZUSATZFELD3%</td>
</tr>
<tr>
<td colspan="2" class="alarmzeit"><b>Einsatzinformationen FF Hahnbach - Die Alarmdepeche darf nur zum internen Dienstgebrauch verwendet werden!</b></td>
</tr>
</table>
<!--
<script>
lat='52.2900';
lng='8.9400';
zoom=9;
var map = L.map('map').setView([lat, lng], zoom);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
maxZoom: 18,
id: 'mapbox.streets'
}).addTo(map);
var polygon1 = L.circle([lat, lng], 1500, {
color: 'red',
fillColor: '#f03',
fillOpacity: 0.5
}).addTo(map).bindPopup(map).bindPopup("<b>Minden</b><br />lat "+lat+"<br>ing "+lng+" <br>").openPopup();
</script>
-->
</body>
</html>