Verfasste Forenbeiträge

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Thread-Starter vlux

    (@vlux)

    Vielen Dank für den Tipp. Als Hobby-Entwickler würde ich jedoch gerne verstehen, warum es nicht klappt. In meiner native-Umgebung funktioniert die Testseite, siehe
    test_accordion_V01.html
    Nach meinem Versuch es in unsere WordPress-Installation 1:1 zu übernehmen, funktioniert es leider nicht, siehe
    http://www.flux-hildesheim.org/testtab/
    Der Seietninspektor von Firefox hat mir leider auch nicht weiter geholfen, deswegen meine Hoffnung, hier im Forum einen Lösungshinweis zu bekommen.
    Danke!!

    Thread-Starter vlux

    (@vlux)

    Vielen Dank, der wichtige Hinweis war

    z-index: -1

    Ich habe es jetzt geändert, die css-Anweisungen lauten jetzt:

    div.tabtest section {
    		position: absolute;
    		display: block;
    		width: 1000px;
    		height: 40px;
    		margin-top: 40px;margin-left: 15px;
    		background-color: #e9e9e9;
    		}
    
    		div.tabtest section h5 {
    		position: absolute;
    		top: -30px;
    		    left: 0;
    		    width: 124px;
    		    height: 29px;
    		    font-family: Montserrat, "Helvetica Neue", sans-serif;
    		    font-size: 13px;
    		    margin: 10;
    		    background-color: #a2a2a2;
    		    border-radius: 9px 9px 0 0;
    		    border: solid #ffffff;
    		    border-width: 1px 1px 0 0;
    		    z-index: 5;
    		}
    
    		div.tabtest section:nth-child(2) h5 {
    		    left: 120px;
    		    z-index: 4;
    		}
    
    		div.tabtest section:nth-child(3) h5 {
    		    left: 240px;
    		    z-index: 3;
    		}
    
    		div.tabtest section h5 a {
    		    display: block;
    		    margin: 5px 0 0 0;
    		    text-align: center;
    		    text-decoration: none;
    		    color: #e3e3e3;
    		
    		}
    		div.tabtest section:target, div.tabtest section:target h5 {
    		    color: #5a227a;
    		    background-color: #e9e9e9;
    		    z-index: 5;
    		}
    
    		div.tabtest section:target h5,div.tabtest  section:target a {
    		    color: #c62828; /* rot */background-color: #e9e9e9;
    		}
    
    		div.tabtest section a {background-color: #a2a2a2; }

    Außerdem habe ich nun das

    Pseudoattribut :target

    eingefügt, um zwischen den Tabs zu springen, wenn der Link aktiviert wurde. Im nächsten Schritt werden dann Texte zum jeweiligen Tab formuliert. Damit sollte mein Vorhaben gelingen.
    Das Ergebnis vom Test steht weiterhin unterhttp://www.flux-hildesheim.org/testtab

    Vielen Dank für Deine Mühe!

    Thread-Starter vlux

    (@vlux)

    Vielen Dank – das war der richtige Hinweis!
    Nach Installation von What the File zeigte sich, dass page.php verwendet wird. Wenn ich dort get_header(„lux“) verwende, klappt es.
    Ich sehe jedoch ein, dass der bessere Weg über Verwendung von Child Themes geht.

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)