zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS: Bildgröße stimmt nicht, zu viele Balken....

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.03.2023, 21:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.03.2023
Beiträge: 1
Krallenkröte befindet sich auf einem aufstrebenden Ast
Standard CSS: Bildgröße stimmt nicht, zu viele Balken....

Hallo geschätztes Forum, bin neu hier und auch relativ neu beim Thema WebEngineering.

Ich habe ein konkretes Problem und hoffe, dass jemand hier bestimmt Rat dazu weiß.

Ich formatiere mir gerade "nen Wolf" bei der Konzeption eines Projektes und die geplante Kopfzeile/Navbar will nicht wie sie soll. Bevor ich zum Code komme: In der Kopfzeile sind 3 Bilder. eins links, eins in der mitte, eins rechts, soweit so gut.

Ich arbeite mit Bootstrap5 sollte ich vielleicht auch noch sagen....

Ich würde mir wünschen, dass die Bilder in Ihrer skalierung nur auf ihren <div> Rahmen beschränken und ansonsten responsiv sind. außßerdem möchte ich die "NavBar" näher an der Bilderleiste haben. Und ich hätte gerne die "leerzeilen" über und unter den Bildern weg. weil sonst der halbe Bildschirm mit der Kopfzeile vollgemüllt wäre....

Code? ja klar:
HTML-Code:
<body class="override bg-light">

<div id="header" class="bg-primary sticky-top text-center">

        <div class="row">
            <img src="{%  static "klinikXdatabase/images/logo_bwk.svg" %}"
                 class="col-2 img-fluid mx-auto my-auto p-5" alt="logo">
            <img src="{%  static "klinikXdatabase/images/title.png" %}"
                 class="col-8 img-fluid mx-auto my-auto d-block" alt="Titel">
            <img src="{%  static "klinikXdatabase/images/logo_bwzk.svg" %}"
                 class="col-2 img-fluid mx-auto my-auto p-5"  alt="logo">
        </div>

    <nav class="navbar navbar-inverse navbar-light bg-primary translate-middle-y " role="navigation">

         <div class="container justify-content-center">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed bg-warning border-dark btn flex-wrap" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="icon-bar fs-4 m-3"><b>eingeben</b></span>
                    <span class="icon-bar fs-4 m-3"><b>ändern</b></span>
                    <span class="icon-bar fs-4 m-3"><b>ansehen</b></span>
                    <span class="icon-bar fs-4 m-3 text-danger"><b>löschen</b></span>
                    <span class="icon-bar fs-4 m-3"><b>Komplexsuche</b></span>

                </button>
                <a href="{% url 'logout' %}" class="btn btn-danger btn-block border-dark fs-4 m-3"><b>Abmelden</b></a>
            </div>

            <div id="navbar" class="collapse navbar-collapse justify-content-center">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/templates/login">Anmelden</a></li>
                </ul>
            </div>

        </div>
    </nav>
</div>
Ich schick auch noch ein Bild mit, die ROTEN Striche zeigen, welche abstände ich verkürzen möchte, der Grüne, welchen ich verringern möchte....
Angehängte Grafiken
Dateityp: jpg Screenshot 2023-03-28 204721.jpg (113,4 KB, 11x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.04.2023, 17:39
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Lade dein Beispiel am besten auf deinen Webspace hoch.

Falls du keinen eigenen Webspace hast, einen kostenlosen Webspace bekommst du von https://www.bplaced.net/
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Verschachteln und Erweitern von CSS? DerJo CSS 4 25.01.2010 19:07
Brauche Hilfe bei preg_match | CSS im Newssystem Zen5656 Serveradministration und serverseitige Scripte 21 19.01.2007 16:33
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 09:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39
Bildgröße in CSS statt im <img>-Tag? heiko_rs CSS 21 20.09.2005 23:42


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:50 Uhr.