Beiträge von Phlix

Phlix

Hoi zusammen!
Ich beschäftige mich erst seit 2 Wochen mit dem Programmieren (rein als Hobby) und habe eine Frage:

ich habe ein Jumbotron, darin befindet sich rechts unten im Eck ein SSL-Logo (bin schon mal sehr stolz auf mich, dass ich das geschafft habe ). Soweit so gut.
ich habe es auch geschafft, dass es beim scrollen egal in welche Richtung dort bleibt wo es ist.

ABER: sobald ich das Fenster verkleinere, verändert sich das Jumbotron samt Schrift, also es passt sich dem Fenster an - so wie es ja soll; nur das Logo bleibt stur und will sich nicht anpassen und bleibt auf der Höhe, auf der es sich im vollbildmodus befindet....

wie schaffe ich, dass sich auch das Logo anpasst bzw. kann man es ans jumbotron anheften? Die Seite ist einfach eine Infoseite, dass alles im Aufbau ist und man beim Button "Seite verlassen!" zu Google kommt. (mein erstes kleines Projekt)

ich sitz seit 4 stunden da und weiß nicht mehr weiter...

anbei meine aktueller Code (sind sicher (Schönheits-)Fehler drinnen):

HTML

<!doctype html> 
<html>




    <head>
        <title>Javascript</title>
        <meta charset="utf-8" /> 
        <link href="jQuery/jquery-ui.css" rel="stylesheet">
        <script src="jquery-3.2.1.min.js"></script>
        <script src="jQuery/jquery-ui.js"></script>
        <style type="text/css"></style>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

        <style> 

            .container{
                margin-right: 420px;
            }

            .jumbotron{
                text-align: center;
                position: relative;
                margin-top: 160px;
                width: 110%;
            }

            #mitte{
                position:relative;
                height: 190px;
                width:auto;
                margin-bottom: 30px; 
            }

            .Copyright{
                position: relative;
                right: -1200px; 
            }

            .SSL{
                position: absolute;
                right: 10px;
                top: 470px;
                width: 70px;
                display: auto;


            }

        </style>

    </head>




        <body>
            <div class="container";>

           <div class="jumbotron">
              <h1>Die Seite befindet sich noch im Aufbau!</h1>
               <p>Vielen Dank für deinen Besuch auf meiner Homepage. Ich arbeite gerade an den Inhalten und hoffe bald online sein zu können! ☺</p> 
             <img id="mitte" src="https://cdn.pixabay.com/photo/2016/12/07/09/37/fax-1889052_640.jpg"> 
                <p><a class="btn btn-primary btn-lg" data-toggle="tooltip" title ="weiter zu www.google.com" href="https://www.google.com" role="button">Seite verlassen!</a></p>



           <a href="https://www.checkdomain.de/unternehmen/garantie/ssl/popup/" onclick="window.open(this.href + '?host=' + window.location.host,'','height=600,width=560,scrollbars=yes'); return false;"><img class= "SSL"  src="https://www.checkdomain.de/assets/bundles/web/backend/controller/ssl-certificate/img/ssl-150x150.png?20170622-152736" alt="SSL-Zertifikat" /></a>



        </div>

                <p class="Copyright">&#x24B8; PHW<p>

         </div>



            <script type="text/javascript">


            </script>


    </body>
</html>

Alles anzeigen

Vielen dank für eure Hilfe!!

Grüße aus Wien, PHW