Ergebnis 1 bis 2 von 2

Thema: Bild/Logo fixieren bei Bildschirmveränderung

  1. #1
    HTML Newbie
    Registriert seit
    24.06.2017
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Bild/Logo fixieren bei Bildschirmveränderung

    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-Code:
    <!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>

    Vielen dank für eure Hilfe!!

    Grüße aus Wien, PHW
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Arne Drews (26.06.2017 um 09:41 Uhr) Grund: MOD: HTML-Tags zugefügt

  2. #2
    Meister(in)
    Registriert seit
    27.07.2015
    Ort
    Nordseeküste
    Beiträge
    366
    Danke
    0
    Bekam 79 mal "Danke" in 79 Postings

    Standard AW: Bild/Logo fixieren bei Bildschirmveränderung

    Mit HTML und CSS könnte man das hinbekommen - wenn da nicht diese 'Bootstrap Theme Min' CSS Stylesheets und Java Scripte wären!
    Das ist was für ein Bootstrap Hilfe Forum - was sollen wir hier machen? Erst mal diese 'fremden' CSS Formate alle auf Null setzen?
    PHP-Code:
    if(!sleep)
      {
    $sheep++;}
    else
      {
    $status="zzzz";} 

Ähnliche Themen

  1. Antworten: 0
    Letzter Beitrag: 10.07.2011, 21:38
  2. Bild über Text fixieren
    Von 00eraser00 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 14.07.2009, 13:28
  3. Bild (Logo) in usermail.inc.php
    Von forummx im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 04.06.2009, 09:31
  4. VOM BILD (LOGO) DIE FARBE ÄNDERN - WIE???
    Von volory im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 07.04.2007, 12:00
  5. BILD ALS LOGO ?????
    Von im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 4
    Letzter Beitrag: 26.12.2006, 15:17

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •