Bilder die überlappen |
|
Mit dem hier unten abgebildeten Frame binden Sie einen fremden Bewertungsframe auf Ihre Seite ein. Was Sie da sehen, ist meiner. Sie können sich eine eigene Bewertungsseite anlegen unter: webwiki.de. Probieren Sie es aus und bewerten Sie uns. |
| So sieht´s aus |
|
|
| Quellcode |
<html>
<head> <script src="https://bootstrapcreative.com/wp-bc/wp-content/themes/wp-bootstrap/codepen/bootstrapcreative.js?v=5"></script> <link rel="stylesheet" href="https://jacoblett.github.io/bootstrap4-latest/bootstrap-4-latest.min.css" /> <link rel="stylesheet" href="../Scripte/overlappingstyle.css"/> <style type="text/css">Hier nichts</style> </head> <body > <!-- partial:index.partial.html --> <div class="img-move-wrapper"> <img src="https://placeimg.com/1000/400/arch" class="img-move img-move-1 img-fluid"/> <img src="https://placeimg.com/1000/400/nature" class="img-move img-move-2 img-fluid"/> <!-- this image is a placeholder so that the container has a responsive height. I am also hiding it on mobile because it is not needed when stacked. Here is more info on why this is needed > https://stackoverflow.com/questions/6319500/how-to-make-the-wrapping-div-element-with-relative-position-match-child-elements?rq=1 --> <img src="https://placeimg.com/1000/400/arch" class="img-fluid invisible d-none d-md-block"/> </div> <!-- /.container --> <!-- partial --> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <script src="https://jacoblett.github.io/bootstrap4-latest/bootstrap-4-latest.min.js"></script> </body> </html> |
Kontakt Datenschutz Impressum |