Hallo…
Ich möchte auf unserer Seite gerne Videos präsentieren und habe dafür ein Menü ( Box) erstellt.
Dazu habe ich mir dann zum Testen auch 3 neue Seiten erstellt, für jeden User eine eigene wegen der Videos.
Das ganze klappt soweit auch ganz gut bin begeistert, aber leider ist der Abstand zwischen der ersten zur zweiten Reihe zu groß.
<p style="text-align: center;"><span style="color:#000099;"><span style="font-size: 22px;"><span style="background-color:#ffffff;">Videos von Thomas</span></span></span></p>
<div style="float: left; width: 49%; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 100%; overflow: hidden; "><iframe frameborder="0" height="315" src="https://www.youtube.com/embed/sfkNw_U_i9s" style="position: absolute; top:0; left: 0; width: 100%;height: 45%;" width="560"></iframe></div>
<div style="float: right; width: 49%; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 100%; overflow: hidden;"><iframe frameborder="0" height="315" src="https://www.youtube.com/embed/0vzjH4S1MTE" style="position: absolute; top:0; right: 0; width: 100%;height: 45%;" width="560"></iframe></div>
<div style="float: left; width: 49%; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 100%; overflow: hidden; "><iframe frameborder="0" height="315" src="https://www.youtube.com/embed/Pz6Ddz_sLAM" style="position: absolute; top:0; left: 0; width: 100%;height: 45%;" width="560"></iframe></div>
<div style="float: right; width: 49%; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 100%; overflow: hidden; "><iframe frameborder="0" height="315" src="https://www.youtube.com/embed/OFVmu-2LkTA" style="position: absolute; top:0; right: 0; width: 100%;height: 45%;" width="560"></iframe></div>
Kann mir jemand dabei helfen das zu korrigieren.
Vervende ilch 2.1.4
Website
externer Link
Zuletzt modifiziert von wiesenflieger am 30.12.2019 - 17:44:56