• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Suchergebnisse

  1. Oliver77

    gibt es bei flexbox sowas wie class= img-fluid bei bootstrap

    Aspect-ratio ist das auflösungsunabhängige Seitenverhältnis, du kannst auch 4/3 oder 3/5 usw. angeben, der Wert ist jetzt auf die Größe des Bildes gemünzt.
  2. Oliver77

    gibt es bei flexbox sowas wie class= img-fluid bei bootstrap

    Hi, hier mal bei Codepen: https://codepen.io/Oliver7777/pen/vYwyXxd Wenn du den Browser kleinziehst siehst du was passiert, hab mit Media Queries noch ne Ansicht für mobil eingebaut.
  3. Oliver77

    gibt es bei flexbox sowas wie class= img-fluid bei bootstrap

    Flex wirkt sich nur auf die Kindelemente aus! Du hast nur #header-top. Wenn du willst, dass das Bild sich anpasst mit dem richtigen Seitenverhältnis kannst du aspect-ratio verwenden: #header-top { aspect-ratio: 1920/612; height:auto; background-position: center; } Weiß aber nicht, ob das...
  4. Oliver77

    Verbindun nicht sicher

    Für Emails brauch man kein SSL aktivieren.
  5. Oliver77

    Verbindun nicht sicher

    Ich tippe darauf, dass es kein SSL-Zertifikat gibt, kannst du bei Strato hinterlegen, wenn du nicht weiter weißt kannst du da anrufen.
  6. Oliver77

    Bei mouseover Text an anderer Stelle einblenden

    Hover ist quasi Touch.
  7. Oliver77

    Große CSS-Probleme / in Verbindung mit Bootstrap 5

    max-width: 1080px !important; /* Bild wird nie breiter als der Container */ width: 100% !important; So würde ich es machen, funktionert das?
  8. Oliver77

    Info Onepager Script mit Highlighting der Menüpunkte

    Hi danke für deine Ideen. Gucke ich mir mal genauer an, wenn ich die Zeit habe.
  9. Oliver77

    Info Onepager Script mit Highlighting der Menüpunkte

    Hallo danke für das ausführliche Feedback, ich habe jQuery genommen, weil ich das Script für Wordpress verwende, und da ist es ja standardmäßig inkludiert- also warum nicht jQuery nehmen. Ich habe SetTimeout verwendet, weil .offset().top einen falschen Wert liefert, wenn es sofort ausgelesen...
  10. Oliver77

    Info Onepager Script mit Highlighting der Menüpunkte

    Onepager Hallo, hier möchte ich ein Script vorstellen, um einen Effekt einzusetzen bei dem die Menüpunkte beim Scrollen hervorgehoben werden. Für Wordpress empfehle ich das Plugin Custom CSS & JS. Dort das Script im Footer integrieren. Das HTML: <li class="menu-item"><a href="#">Seite 1</a></li>...
  11. Oliver77

    Richtiges anwenden von article und section, dies auch ineinander verschachtelt

    Ich würde es umdrehen Section und Article vertauschen.
  12. Oliver77

    Menübar zentrieren

    Margin-right muss raus! article { border: gray 4px groove; padding: 20px; text-align: left; overflow: auto; margin:auto; margin-bottom: 25px; /* muss raus: margin-right: 30px;*/ max-width:800px; }
  13. Oliver77

    Menübar zentrieren

    poste nochmal dein aktuelles HTML
  14. Oliver77

    Menübar zentrieren

    probiere mal margin:auto; ,
  15. Oliver77

    Menübar zentrieren

    https://codepen.io/Oliver7777/pen/ExJWjJK article { border: gray 4px groove; padding: 20px; text-align: left; overflow: auto; margin-bottom: 25px; margin-right: 30px; /* hier einfügen max-width */ max-width:800px; } <img src="https://www.obotrit-bargeshagen.de/header.png" height="111"...
  16. Oliver77

    Menübar zentrieren

    poste mal dein HTML
  17. Oliver77

    Menübar zentrieren

    Hier nochmal ein Update: https://codepen.io/Oliver7777/pen/ExJWjJK Wenn das nicht reicht poste mir mal dein HTML ul { list-style-type: none; margin: 500; padding: 100; overflow: hidden; background-color: #38444d; text-align:center; max-width:800px; margin:auto; } li a, .dropbtn { display...
  18. Oliver77

    Menübar zentrieren

    Du kannst den Code ersetzen, aber eigentlich habe ich nur die 2 Sachen ersetzt, siehe Post #2. Ob du es alles in einer Datei hast oder trennst, macht keinen Unterschied, aber empfehlenswert ist es zu trennen ja.
Zurück
Oben