Contao-Camp 2024
Ergebnis 1 bis 5 von 5

Thema: CSS Anzeigefehler bei Update von 3.5.35 auf 4.9.16

  1. #1
    Contao-Nutzer
    Registriert seit
    15.08.2009.
    Beiträge
    168

    Standard CSS Anzeigefehler bei Update von 3.5.35 auf 4.9.16

    Hallo zusammen,

    wir haben in den letzten Tagen ein Projekt von Contao 3.5 auf 4.9 geupgradet. Nun haben wir ein Kuriosum, dass einige wenige CSS Klassen scheinbar nicht richtig funktionieren. Genau haben wir von 3.5.35 auf 4.9.16 aktualisiert. Es wurden alle Daten, Datenbandk etc wieder in die neue Installation hochgeladen und das Installtool durchlaufen lassen.
    Zum Beispiel sieht die Navigation wird zwar per CCS angepasst, aber scheinbar entgegengesetzt. Beim Kontaktformular wird das Absende-Feld anders angezeigt und die SPAM-Schutz
    Schaltfläche gar nicht, wobei wir diese eh entfernen wollen.
    Ich hatte allerdings hier in der Community gestern gelesen, man soll erst auf die 3.5.40 und dann auf Version 4 updaten. Könnte das die Ursache sein? Das Projekt ist unter: ferienwohnung-loebau.de, die Aktualisierung unter neu.ferienwohnung-loebau.de erreichbar.

    Hat jemand ein Tipp?

    Gruß Olli

  2. #2
    Contao-Fan Avatar von Birden
    Registriert seit
    15.01.2011.
    Beiträge
    766

    Standard

    Bei den Selektoren in der Navigation ist "span" durch "strong" zu ersetzen

  3. #3
    Contao-Fan Avatar von mdoll
    Registriert seit
    25.06.2009.
    Ort
    Wietze
    Beiträge
    334

    Standard

    Moin,

    bei einigen Elementen hat sich in Contao 4 das Markup etwas geändert. Du musst Dein CSS entsprechend anpassen.

    Deine Navigation in Contao 3:
    HTML-Code:
    <nav class="mod_navigation nav-collapse block">
      <a href="kontakt.html#skipNavigation200" class="invisible">Navigation überspringen</a>
      <ul class="level_1">
        <li class="submenu sibling first"><a href="ferienwohnung-i.html" title="Fewo I" class="submenu sibling first" aria-haspopup="true">Fewo I</a>
          <ul class="level_2">
            <li class="first last"><a href="belegung-fewo1.html" title="Belegung Ferienwohnung I" class="first last">Belegung</a></li>
          </ul>
        </li>
        <li class="submenu sibling"><a href="ferienwohnung-ii.html" title="Fewo II" class="submenu sibling" aria-haspopup="true">Fewo II</a>
          <ul class="level_2">
            <li class="first last"><a href="belegung-fewo2.html" title="Belegung Ferienwohnung II" class="first last">Belegung</a></li>
          </ul>
        </li>
        <li class="sibling"><a href="umgebung.html" title="Umgebung" class="sibling">Umgebung</a></li>
        <li class="sibling"><a href="buchungsanfrage.html" title="Buchungsanfrage" class="sibling">Buchungsanfrage</a></li>
        <li class="active last"><span class="active last">Kontakt</span></li>
      </ul>
      <a id="skipNavigation200" class="invisible">&nbsp;</a>
    </nav>
    Und in Contao 4
    HTML-Code:
    <nav class="mod_navigation nav-collapse block" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
      <a href="kontakt.html#skipNavigation200" class="invisible">Navigation überspringen</a>
      <ul class="level_1">
        <li class="submenu sibling first"><a href="ferienwohnung-i.html" title="Fewo I" class="submenu sibling first" aria-haspopup="true" itemprop="url"><span itemprop="name">Fewo I</span></a>
          <ul class="level_2">
            <li class="first last"><a href="belegung-fewo1.html" title="Belegung Ferienwohnung I" class="first last" itemprop="url"><span itemprop="name">Belegung</span></a></li>
          </ul>
        </li>
        <li class="submenu sibling"><a href="ferienwohnung-ii.html" title="Fewo II" class="submenu sibling" aria-haspopup="true" itemprop="url"><span itemprop="name">Fewo II</span></a>
          <ul class="level_2">
            <li class="first last"><a href="belegung-fewo2.html" title="Belegung Ferienwohnung II" class="first last" itemprop="url"><span itemprop="name">Belegung</span></a></li>
          </ul>
        </li>
        <li class="sibling"><a href="umgebung.html" title="Umgebung" class="sibling" itemprop="url"><span itemprop="name">Umgebung</span></a></li>
        <li class="sibling"><a href="buchungsanfrage.html" title="Buchungsanfrage" class="sibling" itemprop="url"><span itemprop="name">Buchungsanfrage</span></a></li>
        <li class="active last"><strong class="active last" itemprop="name">Kontakt</strong></li>
      </ul>
      <a id="skipNavigation200" class="invisible">&nbsp;</a>
    </nav>
    Da sind für nicht aktive Navigationspunkte span-Tags dazugekommen, und beim aktiven Punkt wurde aus dem span ein strong Tag.

    Beim Formular sieht es ähnlich aus. Der Absendebutton ist in Contao 3 noch ein input Element, in Contao 4 ein button Element.

    Und der Spamschutz funktioniert anders in Contao 4. Der ist immer noch da, aber standardmäßig auf "display:none" gesetzt. Das ist jetzt ein Honeypot.

    Gruß
    Mathias
    “Ah," said Mr Pin. "Right. I remember. You are concerned citizens." He knew about concerned citizens. Wherever they were, they all spoke the same private language, where 'traditional values' meant 'hang someone'.”
    ― Terry Pratchett, The Truth

  4. #4
    Contao-Nutzer
    Registriert seit
    15.08.2009.
    Beiträge
    168

    Standard

    Hallo zusammen,

    habe das Projekt ein wenig aus dem Auge verloren. Nun habe ich die Seite komplett angepasst und es läuft alles. Danke euch für die Hilfe.

    Das Mobile Menü ist aktuell eine Quicknavigation. Welche Mobille NAvigation würdet Ihr empfehlen mit den "3 Balken"?

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

    Support Contao

    Standard

    Das kommt darauf an. Das Hamburger Menü ist sicher am weitesten verbreitet.
    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.




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
  •