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

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"></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&uuml;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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!