Contao-Camp 2024
Ergebnis 1 bis 7 von 7

Thema: Breite Textfeld Navigationsleiste ändern

  1. #1
    Contao-Nutzer
    Registriert seit
    25.06.2022.
    Beiträge
    3

    Standard Breite Textfeld Navigationsleiste ändern

    Hallo Leute,

    ein Kumpel von mir programmiert grad meine Homepage.
    Wir kommen da an einer Stelle nicht weiter:

    Ich hätte das Textfeld der Navigationsleiste gern über die gesamte Breite der Webseite (1040 px)
    Leider ist das Textfeld nur 981 px breit. Rechts bleibt immer ein leeres Feld.
    Wie bekommen wir dieses Leerfeld (gelbes Kästchen auf dem Bild) weg?

    Danke für eure Hilfe!

    Unbenannt.jpg
    Geändert von Fltze_Feuerzahn (25.06.2022 um 18:59 Uhr)

  2. #2
    Contao-Urgestein
    Registriert seit
    20.09.2012.
    Ort
    Lüneburger Heide
    Beiträge
    1.971
    Partner-ID
    12207
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Moin und willkommen im Forum,

    da sind Dir zwei unsichtbare Links im Weg. Die haben scheinbar etwas mit Deiner mobilen Navi zu tun.
    Wenn Du diese mit "display: none;" ausblendest, steht der Platz zur Verfügung.
    Screenshot 2022-06-25 191715.jpg

    Grüße
    Autodidakt und HobbyWebdesigner

    www.webdesign24.biz
    Screencasts zu Contao

  3. #3
    Contao-Urgestein
    Registriert seit
    20.09.2012.
    Ort
    Lüneburger Heide
    Beiträge
    1.971
    Partner-ID
    12207
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Mal was Anderes an dieser Stelle.
    Scheinbar arbeitet Dein Kumpel noch mit einer alten Contao-Verison (3.x). Diese Version bekommt keine Sicherheitsupdates mehr und die Erweiterungsverwaltung wurde abgeschaltet.

    Aus Sicherheitsgründen ist es dringend anzuraten, eine aktuelle Version 4.13 LTS zu verwenden.

    Grüße
    Autodidakt und HobbyWebdesigner

    www.webdesign24.biz
    Screencasts zu Contao

  4. #4
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Außerdem noch ein Hinweis. Du nutzt das kostenfreie Theme Opensauce von Rocksolid.
    Solltest Du keine Premium-Lizenz für das Theme erworben haben, dann solltest Du schleunigst den Copyright-Link wieder einbauen.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  5. #5
    Contao-Nutzer
    Registriert seit
    25.06.2022.
    Beiträge
    3

    Standard

    Hallo zusammen,

    danke für die Tipps und Hinweise, werden uns gleich mal dran versuchen ;-)

  6. #6
    Contao-Nutzer
    Registriert seit
    25.06.2022.
    Beiträge
    3

    Standard

    Zitat Zitat von tschero Beitrag anzeigen
    Moin und willkommen im Forum,

    da sind Dir zwei unsichtbare Links im Weg. Die haben scheinbar etwas mit Deiner mobilen Navi zu tun.
    Wenn Du diese mit "display: none;" ausblendest, steht der Platz zur Verfügung.
    Screenshot 2022-06-25 191715.jpg

    Grüße
    Hat leider nicht geklappt...
    Nächste Woche wird sich aber nochmal ein anderer Kumpel dran versuchen ;-)

  7. #7
    Contao-Fan
    Registriert seit
    24.02.2021.
    Beiträge
    350

    Standard

    Stimme hier zu, dass du den Copyright-Hinweis wieder rein nimmst.

    Zu deinem Problem:

    - weg von float in den spans und display:flex mit flex:auto für die ul nutzen (+ width 100%)
    - die main-navigation hat einen margin-right, der sollte auf 0 reduziert werden
    - li und die spans auf display block setzen (nicht inline) für das padding und die bg (zwangsläufig nicht notwendig)
    - den background und die color des .active elements auf das li setzen, nicht auf das span
    - den li-Elementen ein flex:auto und ein text-align center

    Bei den .invisible Elementen -> für .invisible das padding auf 0 !important setzen

    fix.png

    Wenn das nicht weiter hilft, dann jemanden mit Erfahrung dran lassen.

    Und auf jeden Fall auf Contao 4.9 oder 4.13 updaten, die Themes kosten auch nicht die Welt.
    Geändert von zoglo (27.06.2022 um 20:03 Uhr)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

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