Ergebnis 1 bis 4 von 4

Thema: CSS: Dropdown überlagert 1. Ebene bei initialem Seitenaufruf

  1. #1
    Contao-Fan Avatar von Jens Pielawa
    Registriert seit
    08.01.2010.
    Ort
    9°45'34"E 52°20'12"N
    Beiträge
    531

    Frage CSS: Dropdown überlagert 1. Ebene bei initialem Seitenaufruf

    Hallo an alle,

    ich habe das Dropdown-CSS für das Theme "Opensauce" nachgerüstet. Es klappt auch ganz gut und ist jetzt relativ hübsch, aber bei einem initialen Aufruf der Seite unter
    http://neu.iss-was-besseres.de/
    gibt es den Fehler, dass bei der ersten Kategorie "Ernährungscoaching" (Level 1) der Unterpunkt "Ernährungscoaching für Kinder" (Level 2) nicht darunter dargestellt wird, sondern exakt darübergelegt wird. Bei dem anderen Menüpunkt "Kontakt" passiert das nicht (zumindest initial nicht). Das Fehlverhalten verschwindet allerdings auch, wenn man zwischenzeitlich andere Seiten aufgerufen hat und dann die Navigation weiter bedient. Dann ist es OK.
    Hat dafür jemand einen Tipp? Hat das eventuell mit irgendwelchen Klassen zu tun wie "first" o.ä.? Wenn ja, wo muss ich das zusätzlich definieren?
    Beste Grüße von

  2. #2
    Contao-Urgestein Avatar von cliffparnitzky
    Registriert seit
    08.10.2010.
    Ort
    Lüneburg
    Beiträge
    2.451
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hat immer was damit zu tun, ob der Hauptmenüpunkt aktiv ist oder nicht ... wenn aktiv, dann wird kein Link generiert sondern ein <span> (Contao Default).

    Habs nun nicht weiter analysiert, aber generell kann man das sicher mit CSS fixen oder eben im Nav-Template an der Stelle einen Link aus dem <span> machen.

  3. #3
    Contao-Fan Avatar von Jens Pielawa
    Registriert seit
    08.01.2010.
    Ort
    9°45'34"E 52°20'12"N
    Beiträge
    531

    Standard

    Zitat Zitat von cliffen Beitrag anzeigen
    Habs nun nicht weiter analysiert, aber generell kann man das sicher mit CSS fixen
    Könntest Du mir dabei helfen (abseits eines extra Kleinauftrages), weil mich das Problem jetzt schon zwei Abende beschäftigt hat und ich keine Lösung fand? Die Seite sollte heute live rausgehen und mich nervt dieses Problem. Es ist alles nur CSS, aber ich suche eine Nadel im Heuhaufen.
    Beste Grüße von

  4. #4
    Contao-Fan
    Registriert seit
    10.08.2011.
    Ort
    Berlin
    Beiträge
    835

    Standard

    HTML-Code:
    .main-navigation li {
    	float: left;
    }
    
    .main-navigation a, .main-navigation li.active strong {
    	padding: 0.5em 0.75em;
    	color: inherit;
    	text-decoration: none;
    	-webkit-transition: 0.2s ease-out;
    	-moz-transition: 0.2s ease-out;
    	-o-transition: 0.2s ease-out;
    	transition: 0.2s ease-out;
    	display: block;
    }
    Versuch es mal so.
    Dem li float:left; geben und nicht dem a Tag

    Dann noch dafür sorgen das auch der active strong tag beim hovern blau wird, abar das bekommst du ja hin

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
  •