Hallo zusammen,
ich konnte in diesem Forum schon einige nützliche Tipps finden, komme allerdings bei einem Problem nicht weiter.
Ich habe eine Webseite die aus verschiedenen Grafiken besteht. Die Gesamtgrafik ist für kleine Bildschirme etwas zu groß. Daher möchte ich die Größe der Darstellung immer auf circa 80% des vorhandenen Platzes beschränken. Mit einer Grafik habe ich schnell eine Lösung gefunden (mit der % Begrenzung bei width) - allerdings nicht bei mehreren zusammenhängenen Grafiken.
Eine Auszug aus meinem Code:
Damit die Grafiken horizontal und vertikal mittig ausgerichtet sind. Das funktioniert wunderbar.
Dann geht es schon los mit:
Ich habe bereits einige Versuche unternommen über CSS einen "Container" einzubauen, der in der Größe begrenzt ist. Allerdings ohne Erfolg ;-)
Über eine einfache Lösung, die gut in meinen vorhanden Code passt, wäre ich sehr dankbar! Leider bin ich noch ein Neuling auf diesem Gebiet. Vermutlich ist die Lösung nah![Smile :-) :-)](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f642.png)
Vielen Dank!
ich konnte in diesem Forum schon einige nützliche Tipps finden, komme allerdings bei einem Problem nicht weiter.
Ich habe eine Webseite die aus verschiedenen Grafiken besteht. Die Gesamtgrafik ist für kleine Bildschirme etwas zu groß. Daher möchte ich die Größe der Darstellung immer auf circa 80% des vorhandenen Platzes beschränken. Mit einer Grafik habe ich schnell eine Lösung gefunden (mit der % Begrenzung bei width) - allerdings nicht bei mehreren zusammenhängenen Grafiken.
Eine Auszug aus meinem Code:
HTML:
<style type="text/css">
body, html {
display: flex;
align-items: center;
justify-content: center;
}
</style>
Damit die Grafiken horizontal und vertikal mittig ausgerichtet sind. Das funktioniert wunderbar.
Dann geht es schon los mit:
HTML:
<body>
<table width="700" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
....
</tr>
</tbody>
</table>
</body>
Ich habe bereits einige Versuche unternommen über CSS einen "Container" einzubauen, der in der Größe begrenzt ist. Allerdings ohne Erfolg ;-)
Über eine einfache Lösung, die gut in meinen vorhanden Code passt, wäre ich sehr dankbar! Leider bin ich noch ein Neuling auf diesem Gebiet. Vermutlich ist die Lösung nah
![Smile :-) :-)](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f642.png)
Vielen Dank!